Javascriptのドロップダウンメニュー

-6

私はJavascriptを使っています。少しのHTMl/CSSをやったことがありますが、JSはしていません。コードを作成するためにJSで何をする必要があるかを教えてもらえますか？ :)Javascriptのドロップダウンメニュー

2017-01-30 Hippimaster

何らかの理由で私たちはイメージをデバッグすることができません... –

あなたのコードをコードとして提供してください... "何らかの理由で"ここではできない場合は、ここでそれをしてください： –

実際のものは何ですか？結果を達成しようとしていますか？をクリックすると、ドロップダウンメニューが切り替わりますか？あなたはjqueryを使いたいですか？ googleで検索するのはどれほど難しいのですか？jsでドロップダウンメニューを作る方法は？ – kiwi1342

ここで私はゼロから何かを構築しました。美しいものではありませんが、機能します。

JS：

var dropdownHidden = true; 
function toggleDropdown(){ 
    if(dropdownHidden){ 
    document.getElementById('dropdown-menu').style.display = ''; 
    dropdownHidden = false; 
    } else { 
    document.getElementById('dropdown-menu').style.display = 'none'; 
    dropdownHidden = true; 
    } 
}

HTML：

<body> 
<ul class="nav"> 
    <li class="button-dropdown"> 
     <a href="#" class="dropdown-toggle" onClick="toggleDropdown()"> 
      Mandagens Lunch <span>#</span> 
     </a> 
     <ul id="dropdown-menu" class="dropdown-menu" style="display: none"> 
      <li> 
       <a href="#"> 
        Carbonara 
       </a> 
      </li> 
      <li> 
       <a href="#"> 
        Pizza 
       </a> 
      </li> 
      <li> 
       <a href="#"> 
        Köttbullar Med Mos 
       </a> 
      </li> 
     </ul> 
    </li> 
</ul> 
</body>

Codepen：http://codepen.io/anon/pen/xgpdYO

注：これは、 "あなたは、任意のコードソリューションを提供やりなさい" され

出典

2017-01-30 11:01:44

Javascriptのドロップダウンメニュー

答えて

関連する問題