Jquery CSS display none

Question

I'm really new to Jquery so I really need a some help from you guys.

I have created a button, when clicked a pop up menu will appear. Now I have created a script, what it does is when that button is clicked the sideshow on the site background will be hidden (this is to make the pop up menu much smoother), my question is after a user closes down the pop up menu, how can I reshow the hidden slideshow again , I believe it has something to do with this code onHide: function()

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

Have you looked at the manual yet? api.jquery.com/show

Sam Dufel
– Sam Dufel

2013-05-02 00:43:25 +00:00
Commented May 2, 2013 at 0:43 — Sam Dufel
– Sam Dufel, Commented May 2, 2013 at 0:43

Arun P Johny · Accepted Answer · 2013-05-02 00:44:09Z

3

To show and hide alternatively use .toggle()

jQuery("#slideshow").toggle()

Demo: Fiddle

To Hide an element use .hide()

jQuery("#slideshow").hide()

To Display a hidden an element use .show()

jQuery("#slideshow").show()

answered May 2, 2013 at 0:44

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AngelaK Over a year ago

Hi thanks for the reply,I checked the fiddle demo so the user has to again click on that button to hide a div, the thing is this is a pop up, the user can click anywhere on the screen to close that pop up

Francis Kim · Accepted Answer · 2013-05-02 00:43:46Z

1

I believe jQuery.toggle() is what you are after:

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

Fiddle: http://jsfiddle.net/QGdLw/1/

answered May 2, 2013 at 0:43

Francis Kim

4,2954 gold badges39 silver badges51 bronze badges

Collectives™ on Stack Overflow

Jquery CSS display none

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related