Jquery using Insert button after page load then make fade in and out

Dhaval Patel
13y
3.3k
0
0

Blog

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>