![怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来?,第1张 怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来?,第1张](/aiimages/%E6%80%8E%E4%B9%88%E7%94%A8js%E6%88%96jq%E7%82%B9%E5%87%BB%E5%B1%95%E5%BC%80%EF%BC%8C%E5%87%BA%E7%8E%B0%E9%9A%90%E8%97%8F%E7%9A%84DIV%2C%E7%82%B9%E5%87%BB%E6%94%B6%E8%B5%B7DIV%E5%8F%88%E9%9A%90%E8%97%8F%E8%B5%B7%E6%9D%A5%EF%BC%9F.png)
[ h1 ^]\x0d\x0a||\x0d\x0a|div1 |\x0d\x0a||\x0d\x0a\x0d\x0a如图所示:h1是你说贴出的两个图(展开、收起)\x0d\x0adiv1是你要展开后弹出的层\x0d\x0a\x0d\x0a$("#h1").click(function () {\x0d\x0a$("#div1").toggle("slow",function () {\x0d\x0aif ($(this).attr("style").toLowerCase().indexOf("none") == -1) {\x0d\x0a$("#imgBasicInfo").attr("src", "../../Images/BarUp.gif")\x0d\x0a}\x0d\x0aelse {\x0d\x0a$("#imgBasicInfo").attr("src", "../../Images/BarOpen.gif")\x0d\x0a}\x0d\x0a})\x0d\x0a})\x0d\x0aimgBasicInfo为你要显示的展开、收起的图片动态<ul>
<li onmouseover="show('kk')" onmouseout="hide('kk')">为了实现简单我不用你的类名了</li>
<li id="kk" style="display:none">隐藏块</li>
</ul>
<script type="text/javascript">
function hide(id){
document.getElementById(id).style.display="none"
}
function show(id){
document.getElementById(id).style.display="block"
}
</script>
以上是js
jq比这更简单,不过我好久没用了,不想去查手册了