Slide up down

Developer
Parth Viroja
Size
1,833 Kb
Views
32,384
  1. Slide up down Previews
  2. Slide up down HTML Codes
  3. Slide up down CSS Codes
  4. Slide up down JS Codes

How do I make an slide up down?

What is a slide up down? How do you make a slide up down? This script and codes were developed by Parth Viroja on 03 September 2022, Saturday.

Slide up down Previews
IQ Test

Slide up down - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Slide up down</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<a class="slide-toggle">Slide Toggle</a>
<div class="slide"></div>
<a class="fade-toggle">Fade Toggle</a>
<div class="fade"></div> <script src="js/index.js"></script>
</body>
</html>

Slide up down - Script Codes CSS Codes

*{ text-decoration:none;
}
html,
body { padding: 0; margin: 0; font:1.2em "Calibri"; font-weight:lighter; letter-spacing:1px; padding:40px; text-align:justify;
}
a{ color:#e13300; border-bottom:1px dashed #efefef; margin:10px auto; display:inline-block;
}
a:hover{ border-bottom:1px dashed #dfdfdf;
}
.slide{ height:300px; background:#efefef;
}
.fade{ height:300px; background:#cfcfcf;
}

Slide up down - Script Codes JS Codes

$(document).ready(function(){ $('a.slide-toggle').click(function(){ $(".slide").slideToggle(); }); $('a.fade-toggle').click(function(){ $(".fade").fadeToggle(); });
})
Slide up down - Script Codes
Slide up down - Script Codes
Home Page Home
Developer Parth Viroja
Username parthviroja
Uploaded September 03, 2022
Rating 3
Size 1,833 Kb
Views 32,384
Do you need developer help for Slide up down?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Parth Viroja (parthviroja) Script Codes
Name
MY CV
3D-box
Card border collspan
Custom checkbox and radio with menu
Right side menu tab with icon
Upload Image Form
Ubuntu Terminal
Filter, sort grid item
Css Dropdown Design
Responsive Card Design
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!