我有两个 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 也保留在那里?
最佳答案
您可以使用 toggleClass() 函数,它会在类之间切换,这样您就可以使用多个属性
$('.add-class').click(function(){ $(this).toggleClass('active');
});
关于jquery - 使用 jQuery 更改显示属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18301132/