Javascript上的下拉菜单_Javascript_Jquery_Html_Css

Javascript上的下拉菜单

javascript jquery html css

Javascript上的下拉菜单,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我对Javascript完全陌生，我觉得很迷茫。我做了一些HTMl/CSS，但没有JS。有人能告诉我在JS中需要做什么才能使代码正常工作吗？：）礼物2 在这里，我从头开始构建了一些东西。。虽然不漂亮，但很管用 JS: HTML: 代码笔：注意：这是一个“您没有提供任何代码解决方案”由于某些原因，我们无法调试映像…请以代码形式提供您的代码。。。如果你因为“某些原因”不能在这里做这件事，那么就在这里做吧：你想要达到的实际结果是什么？点击按钮切

我对Javascript完全陌生，我觉得很迷茫。我做了一些HTMl/CSS，但没有JS。有人能告诉我在JS中需要做什么才能使代码正常工作吗？：）


礼物2

在这里，我从头开始构建了一些东西。。虽然不漂亮，但很管用

JS:

HTML:

代码笔：

注意：这是一个“您没有提供任何代码解决方案”

由于某些原因，我们无法调试映像…请以代码形式提供您的代码。。。如果你因为“某些原因”不能在这里做这件事，那么就在这里做吧：你想要达到的实际结果是什么？点击按钮切换下拉菜单？您愿意使用jquery吗？在谷歌上搜索有多困难：如何在js中创建下拉菜单？@Hippimaster在每行前添加4个缩进空格。单击

{}

图标将自动为您执行此操作。或者，也可以使用JavaScript/HTML/CSS代码片段工具，该工具将提供一个类似JSFIDLE的UI来插入代码。@Hippimaster注意，我们还需要查看一下您的menu.CSS和menu.js…；）

<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>

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;
  }
}

<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>