jqueryトグル表示の質問を隠す

Question

これを短縮する最も効率的な方法は何ですか？別のオプションは、クリックイベント内の要素IDをチェックしているのはなぜelse if

Answer 1

で追加された場合

$('.img').click(function(e) { 
    if ($(this).attr('id') == 'myid') { 
     $('#a').hide(); 
     $('#b').show(); 
    } else { 
     $('#a').show(); 
     $('#b').hide(); 
    } 
}); 

とは、あなたの答えには何も変更していますか？この特定の要素にのみこのイベントを処理させたい場合は、それを選択してイベントハンドラをバインドします。いつでも#Aまたは#Bの上映のいずれかがあると仮定すると

：

$('#myid').click(function(){ 
    $('#a').toggle(); 
    $('#b').toggle(); 
}) 

Answer 2

私は、あなたが「IMG」と呼ばれるクラスを持つすべての要素にマッチしようとしていると仮定するつもりです。

$(".img[id='myid']").click(function() { 
     $('#a,#b').toggle(); 
}); 

複数のID

$(".img[id='myid'], .img[id='myid2']").click(function() { 
     $('#a,#b').toggle(); 
}); 

あなたもないかどうかを確認することができ

はIDに等しい

$(".img[id!='someid']").click(function() { 
     $('#a,#b').toggle(); 
}); 

Answer 3

$('#myid').click(function() { 
     $('#a,#b').toggle(); 
}); 

を可能にするために、