javascript - 我无法编写一个开关来显示和隐藏元素？

Question

我想用以下代码编写一个开关来隐藏和显示元素:

.hidden {
display:none;
}

<input type='text' id='other_elem' class='hidden' />

$('#elem').click(function(){
    if($('#other_elem').is('display'))
        $('#other_elem').hide();
    else 
        $('#other_elem').show();

});

当我单击按钮时，我成功显示了隐藏的文本字段，但当它出现时我无法隐藏它。那么，有人可以给我一些提示吗？谢谢!

Answer 1

您可以使用.toggle()来做到这一点。

$('#elem').click(function(){
    $('#other_elem').toggle();
});

否则，要测试可见性，请使用 :visible 选择器

$('#elem').click(function(){
    if($('#other_elem').is(':visible'))
        $('#other_elem').hide();
    else 
        $('#other_elem').show();
});