Question

我试图在单击按钮时切换其可见性。目前我可以隐藏div，但我无法再将其显示出来。

function unhide(divID) {
//var item = document.getElementById(divID);
//if (item) {
//    item.className = (item.className == 'hidden') ? 'unhidden' : 'hidden';
//    $('#SearchParParams').toggle()
//}
var group = $('.group'),
target = group.filter('#' + divID);

if (target.className =='group hidden') {
    group.removeClass('unhidden').addClass('hidden');
    target.addClass('unhidden').removeClass('hidden');
    target.length == 0;
}
if (target.className == 'group unhidden') {
    group.removeClass('hidden').addClass('unhidden');
    target.addClass('hidden').removeClass('hidden');
    target.length = 1;
}

//$('#SearchAddParams,#SearchParParams').click(function () {
//    $('#SearchParParams, #SearchAddParams').toggle();
//});
}

Answer 1

我觉得你太努力了。如果要在onClick上显示和隐藏元素，可以使用toggle（）。

//When you click this button
$('button').click(function(){
//Show or hide this div, depending on its state
    $('div').toggle();
});

DEMO

Answer 2

将您的代码更改为

if (target.className == 'group unhidden') {
    group.removeClass('hidden').addClass('unhidden');
    target.addClass('hidden').removeClass('unhidden');
    target.length = 1;
}

不确定这是否解决了问题，但肯定需要进行此更改。

隐藏/显示DIV

2 个答案: