переключение изображений по клику

Question

Привет, что я сделал, но мне интересно, есть ли какой-либо вариант, чтобы сделать это лучше, потому что мое решение кажется мне очень примитивным.

jQuery(document).ready(function($){ 



var montaz = $(".montaz"); 
var doradztwo = $(".doradztwo"); 
var produkcja = ("$.produkcja"); 

montaz.hide(); 
doradztwo.hide(); 

$(".montaz1").on("click", function(){ 
    $(".doradztwo").hide(); 
    $(".produkcja").hide(); 
    $(".montaz").show(); 
}); 


$(".doradztwo1").on("click", function(){ 
    $(".produkcja").hide(); 
    $(".montaz").hide(); 
    $(".doradztwo").show(); 
}); 



$(".produkcja1").on("click", function(){ 
    $(".montaz").hide(); 
    $(".doradztwo").hide(); 
    $(".produkcja").show(); 
}); 

}); 

http://codepen.io/anon/pen/xgaQOy

Answer 1

Вы могли бы, например, иметь такую ​​функцию:

var images = ['image1', 'image2', 'image3']; 
var currentImage = 0; 
function showNewImage(newImage) 
{ 
    currentImage = newImage; 
    for (var i = 0; i < images.length; i++) 
    { 
     if (i == currentImage) 
     { 
      $(images[i]).show(); 
     } 
     else 
     { 
      $(images[i]).hide(); 
     } 
    } 
} 

А затем для каждого изображения сделать:

$("imageX").on("click", function() {showNewImage(2);}); 

Таким образом, вы можете иметь столько, сколько изображения, как вы хотите.