javascript - I'm trying to toggle the top margin of a div on click. -

i'm trying shift div it's initial position top margin of 22em 0 when clicked. every other click should revert 22em.

html

<div id="container3" class="isdown"> <div class="test" id="name3">  </div>   </div> 

css

.test{margin-top: 22em;} 

jquery

$("#container3").click( function(event){     event.preventdefault();     if ($(this).hasclass("isdown") ) {         $("#name3").animate({margintop:"0em"});                   $(this).removeclass("isdown");     } else {         $("#name3").animate({margintop:"22em"});            $(this).addclass("isdown");     }     return false; }); 

sorry if it's mess. have no idea i'm doing!

try toggleclass css class like

style

.test{margin-top: 22em;} 

script

$("#container3").click( function(event){     event.preventdefault();     $("#name3").toggleclass('test');               $(this).toggleclass("isdown");        return false; });