Jquery using Insert button after page load then make fade in and out
How to make jquery to insert button after page load
Jquery Script code
<script type="text/JavaScript" src="../jquery-1.4.2.min.js"></script>
<script type="text/JavaScript" src="../jquery-1.4.2.min.js"></script>
<script type="text/JavaScript">
$(document).ready(function(){
$('<input type="button" value="remove" id="removeButton">').insertAfter('#container');
$('p').html('good bye, cruel paragraphs!');
$('h2').text('All your titles are belong to us');
$("#removeButton").click(function(){
$('p').fadeOut();
$('h2').fadeOut();
});
$("#removeButton").click(function(){
$('p').fadeIn();
$('h2').fadeIn();
});
});
</script>
|
Design page
<div id="container">
</div>
<p id="no-script">
We recommend that you have JavaScript enabled!
</p>
<p>
</p>
<h2>
</h2>
|