Question

Here are the functions:

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

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

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

Here is the case that is not working:

$("#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

I would try abstracting this a bit further and just create one function:

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

You have the same elements of code repeating except 1 part (the number), so it makes for a good case to abstract & simplify.