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