JSFiddle - React, Tailwind, and code Playground

by Mehmet Alp

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>


<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/script.js" type="text/javascript"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script src="js/slide.js" type="text/javascript"></script>

<div class="clickMe">testDiv</div>

<a href="#" class="show_hide">Reply</a>
<div class="slidingDiv">
 <input type="text" placeholder="Your Name">
 <input type="text" placeholder="Your Email">
<a href="#" class="show_hide">hide</a></div>

JavaScript

$(document).ready(function(){
$(".clickMe").on('click', function(){
    $(".clickMe").css("background","red");
});
    
    $(".show_hide").click(function () {
     $(".slidingDiv").slideToggle();
    });
});