怎么用js或jq点击展开，出现隐藏的DIV,点击收起DIV又隐藏起来？

JavaScript021

怎么用js或jq点击展开，出现隐藏的DIV,点击收起DIV又隐藏起来？,第1张

[ 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比这更简单，不过我好久没用了，不想去查手册了