更改元素的CSS属性

Question

我有以下jQuery,点击按钮切换手风琴菜单:

jQuery的:

$(function() {  
 $('#chooseOption').click(function(){
  $('#accordion ul').toggle();
 });    
});

它很棒!

现在,我想知道我是否可以在切换时更改CSS height和background元素.所以,当我点击chooseOption它会改变height与background该元素的.

默认CSS:

#chooseOption {height:35px;background-image:url('1.jpg');}

单击它将更改为:

#chooseOption {height:55px;background-image:url('2.jpg');}

非常感谢您对此的任何指示.

Answer 1

为它创建一个类并切换类:

$(function() {  
 $('#chooseOption').click(function(){
  $('#accordion ul').toggleClass("itsclass");
 });    
});

CSS:

.itsclass {
  height:55px;
  background-image:url('2.jpg');
}