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来切换hide / show属性。但是我想问一下如何添加CSS属性display：none;单击此div并在单击时再次从中删除CSS属性。我知道怎么做：使用if else。但我不确定如何添加或删除CSS属性。

我对jQuery的所有了解都是这样的：

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

CSS jQuery的任何指南？
如果我切换一个div的hide show属性。这将对其他div产生负面影响。这是分享它的显示：
#div1, #div2 { display: inline; }
因此，如果我将div隐藏在左侧，它将使div向右转到左边，（因为我没有浮动：右边;对于div）。如何确定，div也会留在那里？

Answer 1

您可以使用toggleClass（）函数在类之间切换，以便您可以使用多个属性

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

使用jQuery更改display属性

1 个答案: