RobinNixon
30 lines
1.3 KiB
HTML
30 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Effects: Sliding</title>
|
|
<script src='jquery-3.5.1.min.js'></script>
|
|
</head>
|
|
<body>
|
|
<button id='slideup'>slideUp</button>
|
|
<button id='slidedown'>slideDown</button>
|
|
<button id='slidetoggle'>slideToggle</button>
|
|
<div id='para' style='background:#def'>
|
|
<h2>From A Tale of Two Cities - By Charles Dickens</h2>
|
|
<p>It was the best of times, it was the worst of times, it was the age of
|
|
wisdom, it was the age of foolishness, it was the epoch of belief, it was
|
|
the epoch of incredulity, it was the season of Light, it was the season of
|
|
Darkness, it was the spring of hope, it was the winter of despair, we had
|
|
everything before us, we had nothing before us, we were all going direct to
|
|
Heaven, we were all going direct the other way - in short, the period was so
|
|
far like the present period, that some of its noisiest authorities insisted
|
|
on its being received, for good or for evil, in the superlative degree of
|
|
comparison only</p>
|
|
</div>
|
|
<script>
|
|
$('#slideup') .click(function() { $('#para').slideUp( 'slow') })
|
|
$('#slidedown') .click(function() { $('#para').slideDown( 'slow') })
|
|
$('#slidetoggle').click(function() { $('#para').slideToggle('slow') })
|
|
</script>
|
|
</body>
|
|
</html>
|