Преобразование JAVASCRIPT в JQUERY, чтобы сделать код короче

Question

Привет, мне удалось сделать функции нашего сайта, однако он состоит из 142 строк, теперь я пытаюсь найти более умный способ сократить длину моих кодов, чтобы дать вы обзор здесь скрипка: http://jsfiddle.net/4MaNy/

Как вы можете видеть на скрипке он triggerred события, когда конкретный buttton это нажать у меня есть 6 кнопок с именами как (СО1 к CO6), что я сделал, я сделал 6 времени кода ниже, чтобы заставить его работать (вы можете видеть это на скрипке).

<script type="text/javascript"> 
    var modal = document.getElementById('modal'); 
    var shade = document.getElementById('shade'); 

    document.getElementById('CO1').onclick = function() { 
     var src = "img2/Australia.jpg"; 
     var img = document.getElementById("placeholderImg"); 
     img.src = src; 
     img.style.display = "inline"; 
     modal.style.display = shade.style.display = 'block'; 
    }; 



    document.getElementById('close2').onclick = function() { 
     modal.style.display = shade.style.display = 'none'; 
    }; 
</script> 

В настоящее время я пытаюсь преобразовать их в Jquery с помощью переключателя заявления, но я не могу получить его в работу.

Я добавил имя класса к своим кнопкам, которые ('.sbutton').

Jquery КОД:

$('.sbutton').on('click', function() { 
    switch (this.val()) { 
     case 'CO1': 
      var src = "img2/Australia.jpg"; 
      var img = document.getElementById("placeholderImg"); 
      img.src = src; 
      img.style.display = "inline"; 
      modal.style.display = shade.style.display = 'block'; 
      break; 
    } 
     //and so forth 
}); 

Последний вопрос

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Смежные вопросы

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.