Jquery CSS显示无

时间:2013-05-02 00:37:41

标签: javascript jquery css3

我是Jquery的新手,所以我真的需要你们的帮助。

我创建了一个按钮,单击时会出现一个弹出菜单。现在我已经创建了一个脚本,它的作用是当单击该按钮时,将隐藏站点背景上的旁边显示(这是为了使弹出菜单更加顺畅),我的问题是在用户关闭弹出菜单后,我怎么能再次重新显示隐藏的幻灯片,我相信它与这段代码有关onHide: function()

<script>
jQuery(document).ready(function(){
    jQuery('.menubutton').click(function(){
        jQuery("#slideshow").css({"display":"none"});
    });
});
</script>

2 个答案:

答案 0 :(得分:3)

要显示和隐藏,请使用.toggle()

jQuery("#slideshow").toggle()

演示:Fiddle

隐藏元素使用.hide()

jQuery("#slideshow").hide()

要显示隐藏的元素,请使用.show()

jQuery("#slideshow").show()

答案 1 :(得分:1)

我相信jQuery.toggle()就是你所追求的:

jQuery(document).ready(function () {
    jQuery('.menubutton').click(function () {
        jQuery('#slideshow').toggle();
    });
});

小提琴:http://jsfiddle.net/QGdLw/1/