评论框的内容如何用js隐藏和显现

2013-01-01

评论框的内容怎么用js隐藏和显现？ul idanswers li classans a href#answers1:/aspan cl

评论框的内容怎么用js隐藏和显现？

<ul id="answers">
 <li class="ans">
 <a href="#">answers1:</a><span class="blankspace">&nbsp;&nbsp;</span><span class="a_context">我是回答我是回答谁啊三等奖啊士大夫花括号地方了三sdkjhfskladhfksldhflksdhfkshflsdhfsldjhfsdljhfsdlkjhfsdkljhf</span>
 <ul class="a_inf group">
 <li><span class="a_time fleft">2012-11-14  18:22</span><a href="#" class="fright a_comment">评论[1]</a></li>
 <ul class="comments">
 <li><a href="#">xyp</a>:<span class="comment_content">sdfihdsklhfldskhdlskhgfdlkhgdfklshgsl评论一下</span></li>
 <li><a href="#">xyp</a>:<span class="comment_content">sdfihdsklhfldskhdlskhgfdlkhgdfklshgsl评论一下</span></li>
 </ul>
 </ul>
 </li>
              <li class="ans">
 <a href="#">answers1:</a><span class="blankspace">&nbsp;&nbsp;</span><span class="a_context">我是回答我是回答谁啊三等奖啊士大夫花括号地方了三sdkjhfskladhfksldhflksdhfkshflsdhfsldjhfsdljhfsdlkjhfsdkljhf</span>
 <ul class="a_inf group">
 <li><span class="a_time fleft">2012-11-14  18:22</span><a href="#" class="fright a_comment">评论[1]</a></li>
 <ul class="comments">
 <li><a href="#">xyp</a>:<span class="comment_content">sdfihdsklhfldskhdlskhgfdlkhgdfklshgsl评论一下</span></li>
 <li><a href="#">xyp</a>:<span class="comment_content">sdfihdsklhfldskhdlskhgfdlkhgdfklshgsl评论一下</span></li>
 </ul>
 </ul>
 </li>

代码如上，评论的锚点怎么和评论框的ul联系在一起？怎么用比较简洁的代码找到相应的<a>和<ul>？
[解决办法]
这样？？

<ul id="answers">
             <li class="ans">
                 <a href="#">answers1:</a><span class="blankspace">&nbsp;&nbsp;</span><span class="a_context">我是回答我是回答谁啊三等奖啊士大夫花括号地方了三sdkjhfskladhfksldhflksdhfkshflsdhfsldjhfsdljhfsdlkjhfsdkljhf</span>
                 <ul class="a_inf group">
                     <li><span class="a_time fleft">2012-11-14  18:22</span><a href="#" class="fright a_comment">评论[1]</a></li>
                         <ul class="comments">
                         <li><a href="#">xyp</a>:<span class="comment_content">sdfihdsklhfldskhdlskhgfdlkhgdfklshgsl<a href="#" onclick="OpenTextarea(this)">评论一下</a></span></li>
                         <li><a href="#">xyp</a>:<span class="comment_content">sdfihdsklhfldskhdlskhgfdlkhgdfklshgsl<a href="#" onclick="OpenTextarea(this)">评论一下</a></span></li> 
 
                         </ul>
                 </ul>
             </li>
              <li class="ans">
                 <a href="#">answers1:</a><span class="blankspace">&nbsp;&nbsp;</span><span class="a_context">我是回答我是回答谁啊三等奖啊士大夫花括号地方了三sdkjhfskladhfksldhflksdhfkshflsdhfsldjhfsdljhfsdlkjhfsdkljhf</span>
                 <ul class="a_inf group">
                     <li><span class="a_time fleft">2012-11-14  18:22</span><a href="#" class="fright a_comment">评论[1]</a></li>
                         <ul class="comments">
                         <li><a href="#">xyp</a>:<span class="comment_content">sdfihdsklhfldskhdlskhgfdlkhgdfklshgsl<a href="#" onclick="OpenTextarea(this)">评论一下</a></span></li>
                         <li><a href="#">xyp</a>:<span class="comment_content">sdfihdsklhfldskhdlskhgfdlkhgdfklshgsl<a href="#" onclick="OpenTextarea(this)">评论一下</a></span></li>
                         </ul>
                 </ul>
             </li></ul>
             <script type="text/javascript">
                 function OpenTextarea(a) {
                     var li = a.parentNode.parentNode, dv = li.getElementsByTagName('div');
                     if (dv.length == 0) {//没有评论框则创建
                         dv = document.createElement('div');
                         dv.innerHTML = '<textarea cols="50" rows="3"></textarea><input type="button" value="发表评论"/>';
                         li.appendChild(dv);
                     } 
 
                     else dv = dv[0];
                     dv.style.display = dv.style.display == 'block' ? 'none' : 'block';         
                 }
             </script>

热点排行

JavaScript

评论框的内容如何用js隐藏和显现