2017-06-17 10 views
0

jQueryスクリプトに問題があります。Javascript Toggle closed

​​

});

ここでは、そのHTMLコードは、私は構造を変更する必要がありますか?

  <a type="button"href="search.html" class="btn btn-default main-menu""> 
       <img src="nav01.png" class="center-block" alt="Navigation Icon 01" /> 
       <label class="text-center">Rechercher</label> 
      </a> 
      <a type="button" href="legratuit://#!section=18945605" class="btn btn-default main-menu"> 
       <img src="nav02.png" class="center-block" alt="Navigation Icon 01" /> 
       <label class="text-center">Publier</label> 
      </a> 
      <a type="button" href="legratuit://#!section=18945993" class="btn btn-default"> 
       <img src="nav03.png" class="center-block" alt="Navigation Icon 02" /> 
       <label class="text-center">Alertes</label> 
      </a> 
      <a type="button" href="legratuit://#!section=18724784" class="btn btn-default"> 
       <img src="nav04.png" class="center-block" alt="Navigation Icon 03" /> 
       <label class="text-center">Favoris</label> 
      </a> 

      <a type="button" href="legratuit://#!section=18145899" class="btn btn-default expander"> 
       <img src="dot.png" class="center-block" alt="Navigation Icon 04" /> 
       <label class="text-center">Autres</label> 
      </a> 
      <span id="expand" style="display: none;"> 
       <a type="button" href="legratuit://#!section=18145899" class="btn btn-default"> 
        <img src="nav05.png" class="center-block" alt="Navigation Icon 04" /> 
        <label class="text-center">Compte</label> 
       </a> 
       <a type="button" href="legratuit://#!section=18145899" class="btn btn-default"> 
        <img src="contact.png" class="center-block" alt="Navigation Icon 04" /> 
        <label class="text-center">Contact</label> 
       </a> 
      </span> 

トグルを閉じると問題が発生します。どうすれば表示できますか:インラインブロックの.main-menu?

+0

使用 '' if''メインメニュー。 ").css(" display "、" inline-block ");" –

+0

#expandが閉じているかどうかをどのように確認できますか? –

+0

あなたのhtmlも追加 –

答えて

0

二回.toggleを使用してみてください: ``近いですし、「`$(` `変更する$( "#拡張")`チェックする

$('.expander').click(function() { 
    $("#expand").toggle("slide"); 
    $(".main-menu").toggle(); 
}); 
+0

これはとても簡単でした!ありがとうございました! –

+0

あなたは大歓迎です! –