jQueryアコーディオンを隠す

Question

タグをクリックして次のショーを開くと、私のアコーディオンが隠れてしまいます。この部分は正しく機能しますが、非表示のアコーディオンが表示されている場合は、「ドロップダウン」のどれも話すことができません。タブをクリックすると、内容は表示されますが、タブは展開されずにタブが表示されます。

<li id="menumenu-3"><a href="#"><img src="../img/menu.png" alt="" /><h3 id="men_t2">Reef Mantis</h3></a></li> 

<div id="accordion1"> 
<h3><a href="#">Info</a></h3> 
<div> 
    <p> 
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer 
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit 
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut 
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. 
    </p> 
</div> 
<div id="accordion2"> 
<h3><a href="#">Info</a></h3> 
<div> 
    <p> 
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer 
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit 
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut 
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. 
    </p> 
</div> 

これは、私はあなたがそれを再び有線だアコーディオンを再表示するときことを確認するために.Liveのjqueryのコマンドを使用する必要があると思うのJavaScript

$('#menumenu-3').click(function(){ 
    $("#accordion1").fadeOut(); 
    $("#accordion2").fadeIn(); 
}); 

Answer 1

です。