help with show/hide jquery script

Question

I need a js script show / hide with only shown one div at time others closed. By default any (only one) must be shown.

I have got this script: http://jsfiddle.net/kolxoznik1/BFV9k/.

I want to add some class like show:

 <div class="toggle show">Content</div>

If show will be added div will not be hided, he will heve status show() othervise all divs will be hide().

Suppose someone will help me with my small problem.

the method you got right now is correct, if you hide the divs what are you gonna click on to show? 0_o — Grigor
– Grigor, Commented Aug 19, 2011 at 19:13

Shef · Accepted Answer · 2011-08-19 19:26:27Z

1

If you mean the last active element shouldn't hide, then try this:

$(document).ready(function() {
    $(".toggle").click(function() {
        if(!$(this).hasClass('active')){
            $('.active').not(this).toggleClass('active').next('.hidden').slideToggle(300);
            $(this).toggleClass('active').next().slideToggle("fast");
        }
    }).next(".hidden").hide();
});

Here is a forked demo of your version.

answered Aug 19, 2011 at 19:26

Shef

45.6k15 gold badges82 silver badges91 bronze badges

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

1 Comment

Shef Over a year ago

@Viktors Golubevs: I do not understand you buddy. Are you trying to show multiple elements?

jli · Accepted Answer · 2011-08-19 19:13:24Z

0

$("div").hide();
$(".show").show();

answered Aug 19, 2011 at 19:13

jli

6,6432 gold badges31 silver badges37 bronze badges

Collectives™ on Stack Overflow

help with show/hide jquery script

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