jQuery CSS不顯示

Question

我對Jquery真的很陌生，所以我確實需要你們的一些幫助。

我創建了一個按鈕，單擊后將出現一個彈出菜單。 現在，我已經創建了一個腳本，它的作用是當單擊該按鈕時，網站背景上的邊秀將被隱藏（這是為了使彈出菜單更加平滑），我的問題是在用戶關閉彈出菜單后，如何重新顯示隱藏的幻燈片，我相信這與onHide: function()上的這段代碼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/