javascript - 使用上滑和下滑的点击事件打开 msg td

Question

我想再开一个<tr>首次标记 <tr>是点击。代码是:

<tr class="msg_inner">
  <td><label>some text</label></td>
   <tr id="full_msg" style="display:none">
       <td><label>Hey There.....</label></td>
   </tr>
</tr>

脚本

$('.msg_inner').click(function(){
        $('#full_msg_'+no+'').toggle("slow");
});

它显示 block ，但所有内容同时打开。我想在 <tr> 之后显示该 block 是点击。

Answer 1

不要使用另一个<tr> 。只需添加 <div>在你的TD中并简单地向他展示这样的内容

HTML:

<table>
<tr class="line">
<td>
  Hi there !!
  <div class="detail">
  More info here...
  </div>
  </td>
</tr>
<tr class="line">
<td>
  Hi there !
  <div class="detail">
  More info here...
  </div>
  </td>
</tr>
<tr class="line">
<td>
  Hi there !
  <div class="detail">
  More info here...
  </div>
  </td>
</tr>
</table>

CSS

.detail{
  display:none;
}

JQuery

$(".line").click(function(){
$(this).find(".detail").toggle();
});

Working Fiddle here