我有一个切换按钮,允许用户选择1个或2行不透明度上选择的选项
因此,当该ID的用户点击它会删除或添加类和表演diferents行,所以我需要添加如何?切换按钮上的不透明度,我需要显示实际选定的切换按钮上的不透明度。
jQuery("#one-row").click(function() {
$('.product-list').removeClass('-two-columns');
$('.product-list').addClass('-one-columns');
});
jQuery("#two-rows").click(function() {
$('.product-list').removeClass('-one-columns');
$('.product-list').addClass('-two-columns');
});
.toggle-one{
background-image: url(images/toggle_1.svg);
width: 30px;
height: 10px;
float: right;
display: inline-block;
cursor: pointer;
}
.toggle-two{
background-image: url(images/toggle_2.svg);
width: 30px;
height: 10px;
float: right;
display: inline-block;
cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="toggle-rows" style="top: 118px;
right: 30px;
position: absolute;">
<nav>
<ul>
<li style="display: inline-block;">
<div class="toggle-one " id="onw-row">
</div>
</li>
-
<li style="display: inline-block;">
<div class="toggle-two" id="two-rows">
</div>
</li>
</ul>
</nav>
</div>
我已经更新了文章。 – lucasvm1980
'.product-list'元素在哪里? –
它是一个cms类,不是由我添加的。 – lucasvm1980