Jquery 一次单击隐藏，另一次单击显示，

这是我的html：

 <span class="sb-icon-search">Suche
    <img src="img/close_search.png" width="20" height="20" id="close_search">
 </span>

.sb图标搜索可单击。 单击此按钮一次后，我需要显示close_search。再次单击，它应该会再次消失。。。长话短说，我想更改每次点击.sb图标搜索时图像的可见性

我试过这个，但只起过一次作用：

  jQuery(function($) { 
               $(".sb-icon-search").one('click', function(){
                   if (($(".sb-icon-search").length > 0)){ 
               $("#close_search").css('visibility','hidden');
               } else {
                 $("#close_search").css('visibility','visible'); 
               }
                                   });
                                 });        

我已经尝试过一些其他的函数，如toggleClass等，但令人惊讶的是，它们都不起作用。 谢谢你的帮助

可以使用

$'.sb图标搜索'。单击函数{ $this.find'close_search'。切换慢； }; 关闭搜索{ 位置：相对位置； 顶部：26px； 右：2px； 不透明度：0.4； 显示：无； } 苏凯

---

我认为您可以使用jquery.data 这里有一个例子

jQuery(
function($) { 
               $(".sb-icon-search").click(function(){



            $(".sb-icon-search").data('clicked','once');

               if (($(".sb-icon-search").data('clicked'))   ==  "once" ){ 

                    $("#close_search").css('visibility','hidden');
                } else {

                    $("#close_search").css('visibility','visible'); 
                }
                $(".sb-icon-search").data('clicked','');
                               });

                             });  

---

缓慢的这应该是一门课吗？效果很慢。你也可以在淡入淡出，幻灯片，或我最喜欢的爆炸。如果将其保留为空，则不会对元素的显示和隐藏产生任何影响，它只会出现或消失。。。显然，它只会在第一次点击时起作用。。。您需要使用on或click收听click事件，并使用toggleClass切换类

jQuery(
function($) { 
               $(".sb-icon-search").click(function(){



            $(".sb-icon-search").data('clicked','once');

               if (($(".sb-icon-search").data('clicked'))   ==  "once" ){ 

                    $("#close_search").css('visibility','hidden');
                } else {

                    $("#close_search").css('visibility','visible'); 
                }
                $(".sb-icon-search").data('clicked','');
                               });

                             });