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

JavaScript010

怎么用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为你要显示的展开、收起的图片动态

内存里的值变了。

出现控制台中的打印数组无法展开是因为打印时打印机中的内存储存值变了，与展开收起的值不一致。可能是用户操作打印机时让数组异步才产生的报错。

JS控制台是javascript的内置调试器，是web开发人员常会用到的console.log，可以打印消息和调试问题。

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>

<title>

RunJS 演示代码

</title>

<script>

jQuery(function($){

$("ul>li>a").click(function(){

$(this).next("ul").toggle().closest("li").siblings("li").children("ul").hide()

}).next("ul").hide()

})

</script>

  </head>

<body>

    <ul>

<li>

<a>

一级菜单

</a>

<ul>

<li>

隐藏的二级菜单项

</li>

<li>

隐藏的二级菜单项

</li>

<li>

隐藏的二级菜单项

</li>

</ul>

</li>

<li>

<a>

一级菜单

</a>

<ul>

<li>

隐藏的二级菜单项

</li>

<li>

隐藏的二级菜单项

</li>

<li>

隐藏的二级菜单项

</li>

</ul>

</li>

<li>

<a>

一级菜单

</a>

<ul>

<li>

隐藏的二级菜单项

</li>

<li>

隐藏的二级菜单项

</li>

<li>

隐藏的二级菜单项

</li>

</ul>

</li>

</ul>

  </body>

</html>