2013-02-28 37 views
-1

我听到切换不适合在这里的评论,所以我删除它。下面的代码工作...但有没有更好的方式来做到这一点.. 。我的jQuery是有限谢谢click(函数()按钮 - 如何切换样式?

$(document).ready(function(){ 
$('div.botColorBoxBtn1').click(function() { 
     $("div.botColorBox").css({ 'height':'90px'}); 
     $('div.botColorBoxBtn1').hide(); 
     $('div.botColorBoxBtn2').show();return false; 
}); 
}); 

$(document).ready(function(){ 
$('div.botColorBoxBtn2').click(function() { 
     $("div.botColorBox").css({ 'height':'11px'}); 
     $('div.botColorBoxBtn2').hide(); 
     $('div.botColorBoxBtn1').show();return false; 
}); 
}); 
+2

[你能指望什么'toggle'办?(HTTP:。。/ /api.jquery.com/toggle/) – zzzzBov 2013-02-28 20:22:21

+1

你在使用jQuery 1.9或更高版本吗?如果是这样,你正在寻找的[toggle()](http://api.jquery.com/toggle-event/)不存在了 – 2013-02-28 20:22:33

+1

@FrédéricHamidi,我也这么认为,bu这对于切换事件没有实现是没有意义的。 – gdoron 2013-02-28 20:24:31

回答

3

这是预期的结果,因为.toggle()将显示/隐藏匹配元素

+0

这个。你不需要那里切换。 – SoonDead 2013-02-28 20:22:39

+0

这是我所希望的... http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_toggle_func – Brett 2013-02-28 22:30:26