我需要在手风琴中设置加号或减号图标
I need plus or minus icon set in accordion
我需要在手风琴中设置加号或减号图标。设置加号或减号图标但图标无法正常工作。当我打开其他选项卡时,未将图标或加号设置为减号或将减号图标设置为加号图标。
jsfiddle: https://jsfiddle.net/ankit8393/8kmdb2ks/5/
css:
.icon:after {
background-color: #000;
width: 8px;
height: 2px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top: 7px;
left: 3.5px;
z-index: 4;
content: "";
}
js:
$(document).ready(function($) {
$('#accordion').find('.accordion-toggle').click(function() {
//Expand or collapse this panel
$(this).next().slideToggle('fast');
var ii = $(this).find('.icon');
$('.icon').not(ii).addClass('icon-plus');
ii.toggleClass('icon-plus');
//Hide the other panels
$(".accordion-content").not($(this).next()).slideUp('fast');
});
});
我需要在手风琴中设置加号或减号图标。设置加号或减号图标但图标无法正常工作。当我打开其他选项卡时,未将图标或加号设置为减号或将减号图标设置为加号图标。
jsfiddle: https://jsfiddle.net/ankit8393/8kmdb2ks/5/
css:
.icon:after {
background-color: #000;
width: 8px;
height: 2px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
position: absolute;
top: 7px;
left: 3.5px;
z-index: 4;
content: "";
}
js:
$(document).ready(function($) {
$('#accordion').find('.accordion-toggle').click(function() {
//Expand or collapse this panel
$(this).next().slideToggle('fast');
var ii = $(this).find('.icon');
$('.icon').not(ii).addClass('icon-plus');
ii.toggleClass('icon-plus');
//Hide the other panels
$(".accordion-content").not($(this).next()).slideUp('fast');
});
});