Bootstrap3下拉菜单切换折叠格

Question

我试图让Bootstrap3导航下拉，同时触发一个可折叠的DIV它显示的下拉列表 - 基本上是“模拟”一个全角subnav条：

$('.dropdown').on('show.bs.dropdown', function() { 
    $('#collapseExample').slideDown('normal'); 
}); 
$('.dropdown').on('hidden.bs.dropdown', function() { 
    if (!$('div.dropdown').hasClass('open')) { 
     $('#collapseExample').slideUp('normal'); 
    } 
}); 

http://codepen.io/anon/pen/myRgbQ

我已经“几乎得到它的工作，但它行为异常时，已经是一个开放subnav ...

我敢肯定，这将是一个速战速决，但我难倒！任何帮助将不胜感激！

Answer 1

试试这个代码：

$('#collapseExample').collapse(true); 
$('.dropdown').on('show.bs.dropdown', function() { 
     $('#collapseExample').slideDown('normal'); 
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 
    }); 
    $('.dropdown').on('hidden.bs.dropdown', function() { 
     if (!$('div.dropdown').hasClass('open')) { 
      $('#collapseExample').slideUp('normal'); 
     $(this).find('.dropdown-menu').first().stop(true, true).slideUp(); 
     } 
    });