如何在选择下拉菜单时显示/隐藏DIV

Question

我在4个项目的下拉菜单中进行选择。 我希望最初隐藏所有DIV，除非选择任何选项。 在选择任何上述选项时，我只想显示DIV。

Answer 1

尝试使用：

$(document).ready(function() {
$(".drop-down-menu").toggle();
    $(".drop-down-menu-button").click(function() {
        $(".drop-down-menu").toggle();
        $(".hide").toggle();
    });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button class="drop-down-menu-button">Hide The Text And Toggle The Menu</button>

<ul class="drop-down-menu">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>

<div class="hide">
 <h1>Hide Me By Clicking the button</h1>
</div>