jquery無線組切換點擊

Question

$("input[name=sample]").click(function(){ 
      $("#"+$(this).val()).show(); 
      $("#"+$("input[name=sample]:not(:checked)").val()).hide(); 
    }); 
}); 

我用這個在兩個div之間切換。但是當我添加第三個div和單選按鈕時，這對第三個不起作用。它在點擊時顯示，但不隱藏其他人。什麼會導致這種情況？

Answer 1

你現在有隱藏，因此使用這樣的一個以上的元素：

$('input[name="sample"]').on('click', function(){ 
     $("#"+this.value).show(); 
     $("input[name=sample]:not(:checked)").each(function() { 
      $('#'+this.value).hide(); 
     }); 
}); 

Answer 2

爲所有Div添加一個班級，並在顯示之前隱藏該班級。 （例如：類= 「divHide」）

$("input[name=sample]").click(function(){ 
    $(".divHide").hide(); 
    $("#"+$(this).val()).show(); 
}); 

Answer 3

隱藏每個非選擇的要素：

$("input[name=sample]").click(function(){ 
    $("#"+$(this).val()).show(); 
     $("input[name=sample]:not(:checked)").each(index, item){ 
      $("#" + $(item).val()).hide(); 
     }); 
    }); 
});