Jquery 1 Click Hide and Show left to Right -


I would like to hide and show one click on my jQuery script, when the word wants to hide it, the word SHOW , and when it shows the link, show the word hida .

Please find me.

Best regards Click on (function (e) {$ ('. DIV'). Delay (500) .met ({margin lift: '-100%',}); return;}); $ ('#show'). Click (function (e) {$ ('.div'). Dele (500). Permission ({margin left: '0%',}); Description is false;}); });

One way to do this is with toggle and animate left . You need to set the status to relative to slide it.

HTML

  & lt; Div id = "toggleDiv" & gt; Hide & lt; / Div & gt; & Lt; Div class = "test" & gt; Some text & lt; / Div & gt; One ????   

CSS .test {status: relative; } {$ ('. Test')

jQuery

  $ ('# toggleDiv') toggle (function () ). Della (500). Mate ({'opacity': 0, 'left': '-100%'}); $ (This). Della (1000) .q (function (n) {$ (this) ('' show ''); n ();});}, function () {$ ('test'). Delay (500) }); $ (This). Dile (1000) .q (function (n) {$ (this) .html ('hide'); n ();});});); One ????   

JSFiddle


Comments