如何在选择的下拉菜单上显示/隐藏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>