在点击事件中使用上滑和下滑打开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");
});

它显示块，但同时都打开。 我想在单击<tr>后显示该块。

Answer 1

不要使用其他<tr> 。 只需在您的td中添加一个<div> ，然后简单地向他显示

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();
});

在这里工作小提琴

Answer 2

您可以尝试以下一种方法：

var x=0;
$(".line").click(function(){

if((x%2)==0)
{
 $(this).find(".detail").show();
}
else
{
  $(this).find(".detail").hide();
}
x++;
});

此处演示

要么

切换方法

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

此处演示