使用jquery切换元素

我正在使用JQUery 1.7.1切换名为.interest-group的div。当你点击一个链接时，它会打开名为.interest-group的下一个div。现在，您可以将所有.interest-group div切换为可见，但我想让它只能一次显示一个。我怎样才能做到这一点？使用jquery切换元素

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

这里是我的JQuery：

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

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

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

来源

2013-02-28 user2096890

切换没有得到功能的第一个参数（据我所知）：http://api.jquery.com/toggle/ – 2013-02-28 23:08:34

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

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

来源

2013-02-28 23:08:34

那拨动的版本（）已在jQuery 1.7中弃用，并在1.9中删除，请改为：

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

FIDDLE

来源

2013-02-28 23:10:02 adeneo

使用jquery切换元素

回答

相关问题