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>

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