how to use jQuery hide and show to display multiple images
jQuery(document).ready(function($){
$( ".show1" ).click(function(e) {
e.preventDefault();
$(".row").not(".row1").slideUp();
$( ".row1" ).slideToggle( "slow", function() {
});
});
$( ".show2" ).click(function(e) {
e.preventDefault();
$(".row").not(".row2").slideUp();
$( ".row2" ).slideToggle( "slow", function() {
});
});
$( ".show3" ).click(function(e) {
e.preventDefault();
$(".row").not(".row3").slideUp();
$( ".row3" ).slideToggle( "slow", function() {
});
});
$( ".show4" ).click(function(e) {
e.preventDefault();
$(".row").not(".row4").slideUp();
$( ".row4" ).slideToggle( "slow", function() {
});
});
});
Also in JavaScript:
- javascript remove last character in a string
- bootstrap in javascript
- split string javascript
- angular trigger input change
- jquery check if all checkbox is not checked
- email regex
- console table javascript
- js iterate object
- json table example
- scroll down up js
- javascript slice
- javascript break foreach
- find element in javascript array
- httpmodule import angular 9
- how to change the staticness of a object in matter.js
- how to go back one directory in git bash
- javascript leave page warning
- what does appendchild do in javascript
- jquery alert
- convert shp to geojson python
- react $ r component instance console
- Delete Properties from a JavaScript Object
- javascript for loops
- keydown event in javascript