は、私がここでスイッチケース

Question

に入れしようとしている3つの機能が機能しているしている。ここで

function blockLayer1(){ 
    $('#block1').click(function() { 
     $("#layer1").toggle(); 
    }); 
     } 

function blockLayer2(){ 
$('#block2').click(function() { 
    $("#layer2").toggle(); 
}); 
    } 

function blockLayer3(){ 
$('#block3').click(function() { 
    $("#layer3").toggle(); 
}); 
    } 

が動作していない場合です。

$("#block").click(function(evt) { 

switch ($("#layer_container").index(this)) { 
    case 0 : 
    $("#layer1").toggle(); 
    break; 
    case 1 : 
    $("#layer2").toggle(); 
    break; 
    case 2 : 
    $("#layer3").toggle(); 
    break; 

    } 
}); 
} 

Answer 1

私は、このAを抽象化しようとするだろうさらに1つの関数を作成してください：

function blockLayer(layerNum) { 
    $('#block' + layerNum).click(function() { 
     $("#layer" + layerNum).toggle(); 
    }); 
} 

1つの部分（数値）を除いて同じコード要素が繰り返されます&を簡略化する良いケースになります。