Create a toggle function onclick

Question

I'm trying to do a toggle function on click. I don't understand why my function doesn't work, it's very simple...

 $("#hello").toggle(function(){
 $('#content').css({marginLeft:'20px'});
     },function(){
 $('#content').css({marginLeft:'0px'});
 });

possible duplicate of [Where has fn.toggle( handler(eventObject), handler(eventObject)...) gone?](http://stackoverflow.com/questions/14301935/where-has-fn-toggle-handlereventobject-handlereventobject-gone) — j08691, Nov 14 '13 at 17:58
Use Jquery 1.8 (before 1.9) in your fiddle and your code will work fine. — Ankit Tyagi, Nov 14 '13 at 18:06

adeneo · Answer 1 · 2013-11-14T18:11:18.697

0

$("#hello").on('click', function(){
    var toggle = $(this).data('toggle');  // get current state

    $('#content').css('margin-left', toggle ? 0 : 20);

    $(this).data('toggle', !toggle);      // set state to opposite of current
});                                       // state, i.e. a toggle switch

FIDDLE

edited Nov 14 '13 at 18:11

answered Nov 14 '13 at 17:59

adeneo

312,895
29
395
388

A little explanation would help !! – Ani Nov 14 '13 at 18:06
Should be self explanatory ? – adeneo Nov 14 '13 at 18:10
Yes I did, to accommodate your request for an explaination ? – adeneo Nov 14 '13 at 18:17

score 0 · Answer 2 · answered Nov 14 '13 at 18:24

0

it does work... when you include jQuery. See fiddle.

included jQuery in framework selector.

answered Nov 14 '13 at 18:24

R. Oosterholt

7,720
2
53
77

Create a toggle function onclick

2 Answers2