我不能写一个开关来显示和隐藏一个元素？

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小提琴示例。 http://jsfiddle.net/sv5SV/

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