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();
});

Answer 2

你想用.toggle()

请参阅此 JS Fiddle 示例。 http://jsfiddle.net/sv5SV/

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