隐藏/显示DIV

Hide / Show a DIV

本文关键字：DIV 显示 隐藏      更新时间：2023-09-26

我正试图让div在单击按钮时切换其可见性。目前我可以隐藏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();
//});
}

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

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

演示

将代码更改为

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

不确定这是否解决了问题，但这肯定需要做出改变。

相关文章：