javascript - jQuery CSS 显示无

Question

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

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

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

Answer 1

要显示和隐藏交替使用.toggle()

jQuery("#slideshow").toggle()

演示：小提琴

隐藏元素使用.hide()

jQuery("#slideshow").hide()

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

jQuery("#slideshow").show()

Answer 2

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

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

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