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 关于#c语言#的问题：我现在在做一个墨水屏设计，2.9英寸的小屏怎么换4.2英寸大屏
  • ¥15 模糊pid与pid仿真结果几乎一样
  • ¥15 java的GUI的运用
  • ¥15 Web.config连不上数据库
  • ¥15 我想付费需要AKM公司DSP开发资料及相关开发。
  • ¥15 怎么配置广告联盟瀑布流
  • ¥15 Rstudio 保存代码闪退
  • ¥20 win系统的PYQT程序生成的数据如何放入云服务器阿里云window版？
  • ¥50 invest生境质量模块
  • ¥15 nhanes加权logistic回归，svyglm函数