UC知道javascript提问
来源：百度知道 编辑：UC知道 时间：2024/05/22 20:14:16
怎样用JS实现可缩树型菜单，例如http://www.sure-electronics.com主页上左边菜单的功能。
下边一段代码是parent和child的生成代码：
<ul>
<!--{foreach from=$categories item=cat}-->
<li> <span class="parent-cat"><A href="{$cat.url}">{$cat.name|escape:html}</A></span><br />
<!--{foreach from=$cat.children item=child}-->
<span><A href="{$child.url}">{$child.name|escape:html}</A></span><br/>
<!--{/foreach}-->
</li>
<!--{/foreach}-->
</ul>
求一段js代码，实现隐藏child,点击parent后出现其child。
不行啊，你看下http://www.sureelectronics.net/
下面是我改的代码
<ul>
<!--{foreach from=$categories item=cat}-->
下边一段代码是parent和child的生成代码：
<ul>
<!--{foreach from=$categories item=cat}-->
<li> <span class="parent-cat"><A href="{$cat.url}">{$cat.name|escape:html}</A></span><br />
<!--{foreach from=$cat.children item=child}-->
<span><A href="{$child.url}">{$child.name|escape:html}</A></span><br/>
<!--{/foreach}-->
</li>
<!--{/foreach}-->
</ul>
求一段js代码，实现隐藏child,点击parent后出现其child。
不行啊，你看下http://www.sureelectronics.net/
下面是我改的代码
<ul>
<!--{foreach from=$categories item=cat}-->
<span class="parent-cat"><a href=# onclick="if (document.getElementById('hider1').style.display=='block'){document.getElementById('hider1').style.display='none'}else{document.getElementById('hider1').style.display='block'}">aaaaa</A></span><br />
<div id="hider1" style="display:none">
<span><a href="">a1</A></span><br/>
<span><a href="">a2</A></span><br/>
</div>
<span class="parent-cat"><a href=# onclick="if (document.getElementById('hider2').style.display=='block'){document.getElementById('hider2').style.display='none'}else{document.getElementById('hider2').style.display='block'}">bbbbb</A></span><br />
<div id="hider2" style=&