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(); 
     } 
    });