複数の項目を持つホバリングのブートストラップ4折りたたみ

Question

折りたたみ可能なアコーディオン機能をブートストラップに公開する方法はいくつか見つかりましたが、div.panel-heading > a要素をホバリングするときにpanel-collapseが1つだけトリガーされるようにカスタマイズすることはできません。

私は次のことをやっている：

$('div.panel-heading a').hover(function() { 
    $('.panel-collapse').collapse('show'); 
}, function() { 
    $('.panel-collapse').collapse('hide'); 
}); 

}

しかし、時はいつでも、私はa要素の上に開閉すべてpanel-collapseの要素を置きます。子どもがpanel-headingでない場合、それぞれをどのように分離できますか？ここ

フィドル：http://jsfiddle.net/Tupira/084z33g5/1/

Answer 1

は、このコードを試してみてください。

$('div.panel-heading a').hover(function() { 
    $('.panel-collapse', $(this).closest('.panel')).collapse('show'); 
}, function() { 
    $('.panel-collapse', $(this).closest('.panel')).collapse('hide'); 
});