Using Jquery To Toggle Elements

Question

I am using JQUery 1.7.1 to toggle a div named .interest-group. When you click a link it opens the next div named .interest-group. Right now, you can toggle all of the .interest-group divs to be visible, but I would like to make it that only one can be visible at a time. How can I do this?

JSFIDDLE: http://jsfiddle.net/DWwKs/6/

Here is my JQuery:

$(document).ready(function () {
    $('.interest').toggle(

    function () {
        $(this).next('.interest-group').show();
    },

    function () {
        $(this).next('.interest-group').hide();
    });
});

Toggle don't get function as first argument (as far as i know): api.jquery.com/toggle — Silent Byte
– Silent Byte, Commented Feb 28, 2013 at 23:08

adeneo · Accepted Answer · 2013-02-28 23:10:02Z

2

That version of toggle() was deprecated in jQuery 1.7, and removed in 1.9, try this instead :

$(document).ready(function () {
    $('.interest').on('click', function(e) {
        e.preventDefault();
        $('.interest-group').hide();
        $(this).next('.interest-group').toggle();
    });
});

FIDDLE

answered Feb 28, 2013 at 23:10

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Serj Sagan · Accepted Answer · 2013-02-28 23:08:34Z

0

Here you go: http://jsfiddle.net/DWwKs/8/

Just add the $('.interest-group').hide(); to the first function

answered Feb 28, 2013 at 23:08

Serj Sagan

30.6k17 gold badges159 silver badges190 bronze badges

Collectives™ on Stack Overflow

Using Jquery To Toggle Elements

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related