JQuery切换按钮
JQuery切换按钮
提问于 2010-08-17 00:19:39
我是JQuery的新手，所以请容忍我=)
我有一个“菜单”按钮，它应该“滑下”菜单。
我的问题是菜单从一开始就是可见的，我希望它在一开始是隐藏的，然后当单击“菜单”按钮时，菜单应该在再次按下“菜单”按钮后“滑下”，然后再“滑上”。
我的HTML：
<div id="moduleMenuBtn" class="moduleMenuBtn">Menu</div>
<div id="effect">Some Content</div>我的JS代码：
<script type="text/javascript">
$(function() {
function runEffect(){
var selectedEffect = $('#slide').val();
var options = {};
if(selectedEffect == 'scale'){ options = {percent: 0}; }
else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
$("#effect").toggle(selectedEffect,options,500);
};
$("#moduleMenuBtn").click(function() {
runEffect();
return false;
});
});
</script>回答 2
Stack Overflow用户
回答已采纳
发布于 2010-08-17 00:26:29
您只需添加一些CSS来隐藏它，如下所示：
#effect { display: none; }或者内联，就像这样：
<div id="effect" style="display: none;">Some Content</div>Stack Overflow用户
发布于 2010-08-17 00:29:57
只需在css中的#slide元素上使用display:none;或visibility:hidden;即可。或者将$('#slide').hide();放在javascript的开头。
此外，如果您想要向上/向下滑动，jQuery具有本机函数slideUp()、slideDown()和slideToggle()。参见jQuery documentation。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3495113
复制相关文章
相似问题
腾讯云开发者
