Javascript中的下拉菜单

-6

我刚刚使用Javascript，我跌倒了。做了一个HTMl/CSS但没有JS。有人可以告诉我需要在JS中做什么来使我的代码工作？ :)Javascript中的下拉菜单

<html> 
<head> 
<meta charset="utf-8"> 
<title>Uppgift 2</title> 
<script type="text/javascript" src="menu.js"></script> 
<link rel="stylesheet" type="text/css" href="menu.css"> 
</head> 

<body> 
<ul class="nav"> 
    <li class="button-dropdown"> 
     <a href="javascript:void(0)" class="dropdown-toggle"> 
      Mandagens Lunch <span>#</span> 
     </a> 
     <ul class="dropdown-menu"> 
      <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> 
</html>

来源

2017-01-30 Hippimaster

出于某种原因s，我们无法调试图像... –

请提供您的代码作为代码...如果您不能在这里做“某些原因”，请在这里执行：http://codepen.io/ –

什么是实际你试图达到的结果？点击切换下拉菜单？你愿意使用jQuery吗？搜索谷歌有多困难：如何在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中的下拉菜单

回答

相关问题