JSFiddle - React, Tailwind, and code Playground

by Damith Nuwan Sampath

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<div id="myDiv" class="myDiv">

Here is some pre-existing content in the div. This content should dissapear on click of the button "Change". 

<p></p>
    
I have another PHP page that I would like to put inside this div. 
    
<p></p>
    
Unfortunately nothing happens. I'm not so sure why. 
</div>

<button id="change">Change Div </button>

JavaScript

$(function() {
    $('#change').click(function() {
        $('#myDiv').fadeOut('slow').load('include/start10.php').fadeIn("slow");
    });
});