Question

我正在使用JQUery 1.7.1来切换名为.interest-group的div。单击链接时，将打开名为.interest-group的下一个div。现在，您可以切换所有.interest-group div是可见的，但我想让它一次只能看到一个。我怎么能这样做？

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

这是我的JQuery：

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

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

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

Answer 1

该版本的toggle（）在jQuery 1.7中已弃用，并在1.9中删除，请尝试此操作：

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

FIDDLE

Answer 2

在这里：http://jsfiddle.net/DWwKs/8/

只需将$('.interest-group').hide();添加到第一个功能

即可

使用Jquery切换元素

2 个答案: