如何用css或js设置如下图的样式，当点击的时候出现下拉菜单，显示里面的内容。

Question

如题所述

Answer 1

HTML：
<p class="p">基础</p>
<div class="show">
<ul>
<li><a href="#">aa</a></li>
<li><a href="#">ss</a></li>
<li><a href="#">dd</a></li>
<li><a href="#">ff</a></li>
<li><a href="#">gg</a></li>
</ul>
</div>
css:
.show{
display:none;
}
js:
var isClick=true;
$(".p").click(function(){
if(isClick){
$(".show").css("display","block");
isClick=false;
}else{
$(".show").css("display","none");
isClick=true;
}
})
思路，
要显示的内容用一个div包住，当你点击基础的时候，div显示，再点击时div隐藏本回答被网友采纳

Answer 2

用JS弄吧，http://www.17sucai.com/pins/tag/5547.html
这里挺多的，下载一个套用进去就可以了本回答被提问者和网友采纳