Положение jQuery slideToggle

Question

У меня есть div меню для размещения списка меню внутри

// here is the javascript/jquery

$('#menu-tab').click(function(){
    $("#menu").slideToggle("normal");
});

/* for the css */

    #menu {
       width: 220px;
       border: 2px solid #004990;
       float: right;
       margin-right: 15px;
       margin-top: -52px;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

    <!--menu-->
		<a href="#"><div id="menu-tab">Menu</div></a>
		<div id="menu">
			<ul>
				<li><a href="#">a</a></li>
				<li><a href="#">b</a></li>
				<li><a href="#">c</li>
			</ul>
		</div>

потому что margin-top: -52px; (который я контролирую положение меню на странице), поэтому каждый раз, когда я нажимаю на вкладку меню, #menu будет скользить от -52px. как я могу позволить ему сдвинуться с 0px?

Answer 1

Вы пытались изменить стиль перед его анимацией? Перед началом скольжения установите значение поля на верхушке равным нулю.

$('#menu-tab').click(function(){
    $("#menu").css("margin-top","0px"); //this should set your menudiv to margin-top:0px
    $("#menu").slideToggle("normal");
});