how to use jquery hide and show to display multiple images

Solutions on MaxInterview for how to use jquery hide and show to display multiple images by the best coders in the world

showing results for - "how to use jquery hide and show to display multiple images"
Marvin
07 Sep 2017
1jQuery(document).ready(function($){
2
3
4    $( ".show1" ).click(function(e) {
5        e.preventDefault();
6            $(".row").not(".row1").slideUp();
7            $( ".row1" ).slideToggle( "slow", function() {
8    	});
9     });
10     
11    $( ".show2" ).click(function(e) {
12        e.preventDefault();
13            $(".row").not(".row2").slideUp();
14            $( ".row2" ).slideToggle( "slow", function() {
15    	});
16    });
17    
18    $( ".show3" ).click(function(e) {
19        e.preventDefault();
20            $(".row").not(".row3").slideUp();
21            $( ".row3" ).slideToggle( "slow", function() {
22    	});
23     });
24
25    $( ".show4" ).click(function(e) {
26        e.preventDefault();
27            $(".row").not(".row4").slideUp();
28            $( ".row4" ).slideToggle( "slow", function() {
29    	});
30    });
31
32});