0

我有两个 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 产生负面影响。将其显示共享为： 因此，如果我将 div 隐藏到左侧，它将使右侧的 div 向左移动，（因为我没有浮动：右；对于 div）。如何确保 div 也留在那里？
#div1, #div2 {
display: inline;
}

4

1 回答 1

1

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

$('.add-class').click(function(){ $(this).toggleClass('active');
});
于 2013-08-18T16:29:55.037 回答