2014-10-09 87 views
0

點擊切換IDclass - 如何切換其他類的寬度。點擊切換 - 其他類寬度需要切換

$(document).ready(function() { 
    $('.toggle-icon').click(function(){ 
     $('.navtext,.prom_arrow').toggle(
      function() { 
       $('.iconWrap').addclass('iconWrap1'); 
      }, 
      function(){ 
       $('.iconWrap').removeClass('iconWrap1'); 
      } 
     ); 
     $("span",this).toggleClass("sprite-collapse sprite-expand"); 
    }); 
}); 

在上面的代碼中:我想在切換時間更改'iconWrap'class的寬度。

+0

即使忽略[事件處理'.toggle()'方法](http://api.jquery.com/toggle-event/)在V1中除去。 9從點擊處理程序調用它是沒有意義的,因爲每次單擊切換圖標時都會分配越來越多的切換事件處理程序。至於改變寬度,你不能在'iconWrap'和'iconWrap1'類中設置合適的寬度嗎?如果沒有,您是否嘗試過'.width()'或'.css()'方法? – nnnnnn 2014-10-09 21:41:41

回答

0

可以使用此

$(document).ready(function(){ 
    $('#toggle-icon').click(function() { 
     var toggleWidth = $("#iconWrap").width() == 300 ? "200px" : "300px"; 
     $('#iconWrap').animate({ width: toggleWidth }); 
    }); 
}); 
+0

非常感謝你,它的工作很好。 – San 2014-10-10 14:53:59

+0

不客氣 – 2014-10-10 14:55:41