jquery - 更改元素的 CSS 属性

Question

我有以下 jQuery，它可以在单击按钮时切换 Accordion 菜单:

jQuery:

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

效果很好!

现在，我想知道是否也可以更改切换上的 CSS height 和 background 元素。因此，当我单击chooseOption时，它将更改该元素的高度和背景。

默认 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');
}