我的jquery slideToggle有问题。
请访问http://en.fjordblink.webhipster.dk/foedekar/并检查按钮。
以下是我正在使用的脚本:
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<div id="slidebottom" style="position: relative;">
<button>Button</button>
<div style="position: absolute;">Slide from top and down</div>
</div>
<script>
$('#slidebottom').on('click', clickButton);
function clickButton()
{
$(this).stop().slideToggle();
}
</script>
首先,我希望文本被隐藏,并在按下按钮时首先显示。但是他们仍然应该能够通过按下按钮来再次隐藏文本。因此,我希望slideToggle的作用可以逆转。
另一个问题是,按钮也会切换。这应该一直可见。如果我将按钮移到外部,则根本不会切换
所有帮助表示赞赏!:)
最好的问候帕特里克
您必须像这样在div外部编写按钮并删除绝对位置,否则您将无法获得动画。
的HTML
<button id="btn">Button</button>
<div id="slidebottom" style="position: relative;">
<div>
Slide from top and down<br>
Slide from top and down<br>
Slide from top and down
</div>
</div>
JAVASCRIPT
$('#btn').click(function(){
$('#slidebottom').stop().slideToggle('slow');
});
jsfiddle链接在这里
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句