Real Time Jquery Editor

KW Online Tools Zone

SLIDEUPELE

[Jquery editor]

Run

Share Link

Clear

HTML [Ctrl+Enter] - to run <div class="one">Click here to slide down the following element</div> <div class="two">Slide Up/Slide Down</div> <div class="three">Click here to slide up the following element</div>	CSS [Ctrl+Enter] - to run .two{ display:none; }
Jquery [Ctrl+Enter] - to run $(function(){ $(".one").click(function(){ $(".two").slideDown(); }); $(".three").click(function(){ $(".two").slideUp(); }); });	OUTPUT