点击后jQuery按钮上的一个按钮动作

问题描述:

我试图在按钮上的两个动作之间切换。点击后jQuery按钮上的一个按钮动作

当黄色方块向上滚动时,当前点击“Top/Reveal”。再次单击该按钮应该向下移动黄色块以显示绿色块的高度。

Live Example

HTML

<div class="block"> 
    <h2>This is green block is fixed</h2> 

</div> 
<div class="content" id="here"> 
    <div class="headerbar"> <a href="#here">Top/Reveal</a> 

    </div> 
</div> 

JS

$("a href='#here'").click(function() { 
    $("html, body").animate({ 
     scrollTop: 0 
    }, "slow"); 
    return false; 
}); 
+1

您的示例不起作用。你缺少一个类'slidingDiv'的元素(在你的jsfiddle中)。 – Dom 2013-04-23 21:17:12

+0

对不起。现在更新示例:http://jsfiddle.net/XFcJe/2/ – Rob 2013-04-23 21:22:02

只需拨动你的scrollTop PARAM像这样:

scrollTop: $("body").scrollTop() == 0 ? 300 : 0 

http://jsfiddle.net/XFcJe/5/

+0

非常感谢:) – Rob 2013-04-23 21:32:42