I have written some code that shows a div class, based on what ID is clicked. I'm a beginner, so not sure how to make this code compact, it seems way too long at the moment. Can anyone suggest a better way to write it please?
$("#Thumb1").on("click", function() {
$('.v1').show();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb2").on("click", function() {
$('.v1').hide();
$('.v2').show();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb3").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').show();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb4").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').show();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb5").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').show();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb6").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').show();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb7").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').show();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb8").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').show();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb9").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').show();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb10").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').show();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb11").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').show();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb12").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').show();
$('.v13').hide();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb13").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').show();
$('.v14').hide();
$('.v15').hide();
});
$("#Thumb14").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').show();
$('.v15').hide();
});
$("#Thumb15").on("click", function() {
$('.v1').hide();
$('.v2').hide();
$('.v3').hide();
$('.v4').hide();
$('.v5').hide();
$('.v6').hide();
$('.v7').hide();
$('.v8').hide();
$('.v9').hide();
$('.v10').hide();
$('.v11').hide();
$('.v12').hide();
$('.v13').hide();
$('.v14').hide();
$('.v15').show();
});