切换按钮和切换可见性

我正在使用这个jQuery来隐藏DIV：

$("#slider").click(function() { $(".help").slideToggle(); $("#wrapper").animate({ opacity: 1.0 },200).slideToggle(200, function() { $("#slider a").text($(this).is(':visible') ? "Hide" : "Show"); }); }); 

而不是改变文本显示我想显示图形，我希望grpahic基于.toggle更改

目前的HMTL：

 
 LI ITEMS 
 
 IMAGE 
 
 Hide  

我想在.slider添加两个图像，删除 ：

也许我可以使用css隐藏’隐藏’按钮，然后以某种方式使用jquery切换它？

有什么建议？

Answer 1

您最初可以通过CSS隐藏一个，然后只需在您的函数中切换两个，将其用于CSS：

 .hide { dislay: none; } //Reverse if "Hide" should be the default button 

这个jQuery，使用.toggle() （没有参数，它切换可见性）：

 $("#slider").click(function() { $(".help").slideToggle(); $("#wrapper").animate({ opacity: 1.0 },200).slideToggle(200, function() { $("#slider img").toggle(); }); }); 

这将切换两个图像的可见性…因为一个隐藏，你只有2，它有效地交换它们。 还要确保在屏幕阅读器人员的.show上修改你的alt / title属性:)