jquery - 使用 jQuery 更改显示属性

Question

我有两个 DIV，例如:

<div class="toggle">Toggle</div>
<div class="data">Something</div>

CSS 应该是:

.toggle {  
   padding: 10px;  
   border: 1px solid #999;  
 }  
.data {  
   display: none;  
   padding: 5px;  
}

我一直在使用 jQuery 来切换隐藏/显示属性。但是我想问一下如何添加CSS属性display: none;添加到此 div，并在单击时再次从中删除 CSS 属性。我知道该怎么做:使用 if else。但我不确定如何添加或删除 CSS 属性。

我对 jQuery 的了解是这样的:

$(".toggle").click(function() {  
  $(".data").show();  
})

有 CSS jQuery 指南吗？
如果我切换一个 div 的隐藏显示属性。这将对其他 div 产生负面影响。将其显示共享为:
#div1, #div2 {<br/>
display: inline;<br/>
}
因此，如果我将 div 隐藏到左侧，它将使右侧的 div 移到左侧(因为我没有 float :右侧；对于 div)。如何确保 div 也保留在那里？

Answer 1

您可以使用 toggleClass() 函数，它会在类之间切换，这样您就可以使用多个属性

$('.add-class').click(function(){ $(this).toggleClass('active');
});