我已使用此代码隐藏和显示元素,但是我的JQuery代码在else语句中的chrome中不起作用,但在Firefox浏览器中可以正常工作。
Code
$(document).ready(function(){
$(".item-title").on("click",function () {
$(this).next('div').children().toggle();
$(this).children().children('.fa-plus-square').hide()
$(this).children().children('.fa-minus-square').show()
if ($(this).next('div').children().is(':hidden')){
$(this).addClass('bb')
}
else {
$(this).removeClass('bb')
}
})
不要在if语句中删除类
答案 0 :(得分:0)
$(document).ready(function(){
$(".item-title").on("click",function () {
var currentClickedObject = $(this);
currentClickedObject.next('div').children().toggle();
currentClickedObject.children().children('.fa-plus-square').hide();
currentClickedObject.children().children('.fa-minus-square').show();
if (currentClickedObject.next('div').children().is(':hidden')){
currentClickedObject.toggleClass('bb');
}
else {
currentClickedObject.toggleClass('bb');
}
});
});