Php 可见性属性不能与淡出（）一起正常工作

我正在开发一个包含3列的表中的反馈页面

Name         Feedback icons          status
-------------------------------------------------
Name1        icon1 icon2 icon3       Saved
Name2        icon1 icon2 icon3       Saved
-------------------------- and so on....

最初，第三列具有css属性

可见性：hidden

。单击任何图标时，该行的第三列需要显示为“已保存”，然后消失。 它第一次对我有效，即，如果我第一次在第一行中单击

icon2

，则“保存”将显示并消失，当我在同一行中单击

icon1

时，它将不显示第三列

当我单击下一行时，第三列将仅在第一次单击时出现。请帮帮我

Html

<table class="tbl_result">
   <tbody>
    <tr><td width="55%">Nahed </td>
       <td width="42%">
         <div id="tbl_row_icons0" class="tbl_row_icons">
          <div class="emoji_parent">
           <div class="emoji_2 emojichild">
            <a title="Poor" class="feedbck_name" href="#"><img src="/user_uploads/my.aisc.ac.cy/emoticon/poor.png"></a>
           </div>
         <!--second icon--!>
          <div class="emoji_3 emojichild"><a title="Good" class="feedbck_name" href="#"><img src="/user_uploads/my.aisc.ac.cy/emoticon/good.png"></a>
         </div>
       </div>
      </td><td width="7%" class="toggle_save">Saved</td>
   </tr>
  </tbody>
 </table>

Jquery函数

//click event for icon 
$(".feedbck_name").click(function()
{    
   $(this)
       .closest('td')
       .next('td.toggle_save')
       .css('visibility','visible')
       .delay(1000)
       .fadeOut();

   return false;
});

在执行fadeOut（）时，脚本将使其在css属性中显示：无。 您需要在可见性上淡入淡出。 请尝试以下相同的代码

$(".feedbck_name").click(function()
{    
   $(this).parent('td').siblings('td.toggle_save')
    .css('opacity','1')
    .css("visibility", "visible")
    .fadeTo(1500, 0, function(){
         $(this).parent('td').siblings('td.toggle_save')
         .css("visibility", "hidden").css('opacity','1');   
    });
    return false;
});

---

检查相同的

第一次单击每个图标时是否有效。当我们单击同一图标时，它不起作用。特别是在单击图标后，立即单击另一个图标，这将不会在图标之间快速单击时显示文本。请帮我转到此处，这将有所帮助。在Snippet中检查.stop（true，true）谢谢兄弟..它起作用了。你能给出这里使用的这个stop函数（）的逻辑吗通常在你做动画时使用，比如说，fadeTo，fadeOut，fadeIn，它都有时间设置。如果您不设置默认时间，则时间因素始终存在。现在，stop（）函数确保我们清除正在进行的队列和动画，因此，第一个true是清除对象上正在进行的所有动画，第二个true是立即跳到末尾。当您打开控制台并在删除停止后检查代码时，您会发现不透明度因子将从1逐渐变为0，而不是在跳跃中，这就是为什么它看起来像淡入淡出。现在，我们的站点将删除所有正在进行的任务

$(".feedbck_name").click(function()
{    
   $(this).parent('td').siblings('td.toggle_save')
    .css('opacity','1')
    .css("visibility", "visible")
    .fadeTo(1500, 0, function(){
         $(this).parent('td').siblings('td.toggle_save')
         .css("visibility", "hidden").css('opacity','1');   
    });
    return false;
});