2016-11-02 14 views
1

私は自分のページ上で自動的にロードされるナビゲーションをページのload.Iに自動的にロードしています。ユーザーがメニューバーをクリックしたときに開く必要があります(私の場合はハンバーガーサインです)。ナビゲーションの読み込みが自動的に外れますか?

HTMLコード:

<i class="fa fa-bars toggle_menu"></i> 
<div class="sidebar_menu"> 
<i class="fa fa-times"></i> 

JSコード:

$(document).ready(function() { 
    $(".fa-times").click(function() { 
     $(".sidebar_menu").addClass("hide_menu"); 
     $(".toggle_menu").addClass("opacity_one"); 
    }); 
    $(".toggle_menu").click(function() { 
     $(".sidebar_menu").removeClass("hide_menu"); 
     $(".toggle_menu").removeClass("opacity_one"); 
    }); 
}); 
+0

あなたは完全なフィドルまたはスニペットを投稿できますか? –

+0

これにはさまざまな方法があります。 Hitesh氏がコメントしたように、具体的な状況を支援するための実例を提供できますか? –

答えて

1

私はあなたがsidebar_menuは、ページのロード時に非表示になりますように、あなたのHTML自体にクラスhide_menuを追加する必要があります信じています。したがって、次のようにHTMLを変更してください:

<i class="fa fa-bars toggle_menu"></i> 
<div class="sidebar_menu hide_menu"> 
<i class="fa fa-times"></i> 
関連する問題