隐藏其他手风琴项目

时间:2013-10-21 10:10:27

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3

我使用像http://jsfiddle.net/Rnfzz/1/

这样的选择option来调用手风琴项目

然而,当我从选择框中选择一个项目时,其他打开的手风琴项目不会自动隐藏。我如何隐藏其他手风琴项目,以便只显示点击的手风琴项目?。

这是html

                                                      C-1                                                                  Anim pariatur cliche reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。 3个狼月亮官员aute,非cupidatat滑板dolor早午餐。食物卡车奎奴亚藜nesciunt laborum eiusmod。早午餐3月亮狼月亮,sunt aliqua上放一只鸟鱿鱼单一来源咖啡nulla assumenda shoreditch et。 Nihil anim keffiyeh helvetica,精酿啤酒工作者wes anderson cred nesciunt sapiente ea proident。广告素食超级业余屠夫副lomo。 Leggings occaecat工艺啤酒农场到餐桌,原始牛仔布美学合成nesciunt你可能没有听说过他们accusamus labore可持续VHS。                                                                                  C-2                                                                  Anim pariatur cliche reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。 3个狼月亮官员aute,非cupidatat滑板dolor早午餐。食物卡车奎奴亚藜nesciunt laborum eiusmod。早午餐3月亮狼月亮,sunt aliqua上放一只鸟鱿鱼单一来源咖啡nulla assumenda shoreditch et。 Nihil anim keffiyeh helvetica,精酿啤酒工作者wes anderson cred nesciunt sapiente ea proident。广告素食超级业余屠夫副lomo。 Leggings occaecat工艺啤酒农场到餐桌,原始牛仔布美学合成nesciunt你可能没有听说过他们accusamus labore可持续VHS。                                                                                  C-3                                                                  Anim pariatur cliche reprehenderit,enim eiusmod high life accusamus terry richardson ad squid。 3个狼月亮官员aute,非cupidatat滑板dolor早午餐。食物卡车奎奴亚藜nesciunt laborum eiusmod。早午餐3月亮狼月亮,sunt aliqua上放一只鸟鱿鱼单一来源咖啡nulla assumenda shoreditch et。 Nihil anim keffiyeh helvetica,精酿啤酒工作者wes anderson cred nesciunt sapiente ea proident。广告素食超级业余屠夫副lomo。 Leggings occaecat工艺啤酒农场到餐桌,原始牛仔布美学合成nesciunt你可能没有听说过他们accusamus labore可持续VHS。                                

jquery

$('.les_toggle').change(function(e){
if($(this).parents('.panel-group').children('.panel-collapse').hasClass('in')) {
    e.stopPropagation();
    $('.in').collapse('hide');
}

1 个答案:

答案 0 :(得分:0)

我在没有e.stopPropagation()

的情况下解决了这个问题
$('.les_toggle').on('change',function(){
    if($('.panel-collapse').hasClass('in')){ 
    $('.in').collapse('hide');
    }   
});

感谢Bass Jobsen