dongLinHome 2018-11-28 13:36 采纳率: 20%
浏览 987
已采纳

JS求问怎么让上面的展开下面的向下移？

求问怎么让上面的展开下面的向下移？图片说明

<!doctype html>



changeDocument


<br> var b=true;<br> function change()<br> {<br> /*<br> var divNode=byTag(&quot;div&quot;)[0];<br> if(b)<br> {<br> divNode.style.height=&quot;8px&quot;;<br> divNode.style.overflow=&quot;hidden&quot;;<br> b=false;<br> }<br> else<br> {<br> divNode.style.height=&quot;16px&quot;;<br> divNode.style.overflow=&quot;visible&quot;;<br> b=true;<br> }<br> */<br> if(divNode.className == &quot;close&quot;)<br> {<br> divNode.className = &quot;open&quot;;<br> }<br> else<br> {<br> divNode.className = &quot;close&quot;;<br> }<br> }<br><br> function list1(dtNode)<br> {<br> //var dtNode=byTag(&quot;dt&quot;)[0];<br> //var dtNode = event.srcElement;<br> var dlNode=dtNode.parentNode;<br> //var dlNode=byTag(&quot;dl&quot;)[0];<br> if(dlNode.className==&quot;open&quot;)<br> {<br> dlNode.className=&quot;close&quot;;<br> }<br> else<br> {<br> dlNode.className=&quot;open&quot;;<br> }<br> }<br> function list(dtNode)<br> {<br> var dlNode=dtNode.parentNode;<br> var dlNodes = byTag(&quot;dl&quot;);<br> for (var x=0;x&lt;dlNodes.length;x++)<br> {<br> if(dlNodes[x]==dlNode)<br> {<br> if(dlNode.className==&quot;open&quot;)<br> {<br> dlNode.className=&quot;close&quot;;<br> }<br> else<br> {<br> dlNode.className=&quot;open&quot;;<br> }<br> }<br> else<br> {<br> dlNodes[x].className=&quot;close&quot;;<br> }<br> }</p> <pre><code>} &lt;/script&gt; &lt;style type=&quot;text/css&quot;&gt; .open { overflow:visible; } .close { overflow:hidden; } dl { overflow:hidden; height:16px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;dl&gt; &lt;dt onclick=&quot;list(this)&quot;&gt;点我鸭？&lt;/dt&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;/dl&gt; &lt;dl&gt; &lt;dt onclick=&quot;list(this)&quot;&gt;点我鸭？&lt;/dt&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;/dl&gt; &lt;dl&gt; &lt;dt onclick=&quot;list(this)&quot;&gt;点我鸭？&lt;/dt&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;/dl&gt; &lt;dl&gt; &lt;dt onclick=&quot;list(this)&quot;&gt;点我鸭？&lt;/dt&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;dd&gt;四方街好&lt;/dd&gt; &lt;/dl&gt; &lt;/body&gt; </code></pre> <p></html></p> <pre><code> </code></pre>
  • 写回答

1条回答 默认 最新

  • 天际的海浪 2018-11-28 13:47
    关注

    .open { overflow:visible; height: auto; }

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 python中合并修改日期相同的CSV文件并按照修改日期的名字命名文件
  • ¥15 有赏，i卡绘世画不出
  • ¥15 如何用stata画出文献中常见的安慰剂检验图
  • ¥15 c语言链表结构体数据插入
  • ¥40 使用MATLAB解答线性代数问题
  • ¥15 COCOS的问题COCOS的问题
  • ¥15 FPGA-SRIO初始化失败
  • ¥15 MapReduce实现倒排索引失败
  • ¥15 ZABBIX6.0L连接数据库报错，如何解决？(操作系统-centos)
  • ¥15 找一位技术过硬的游戏pj程序员