1

jqueryを使用してcssの上部の位置を移動する方法を理解しましたが、トグルに基づいて#menuidで上部の位置を変更したいと思います。したがって、基本的には、アンカーがクリックされたときに#menuを50ピクセル下げ、アンカーが再度クリックされたときに50ピクセル上にスライドさせたいのですが、現在は下に移動して下に留まっているだけで、これを実現する方法がわかりません。私はそれを知っています。

jQuery(document).ready(function($) {
  $('#menu a').click(function() {
  $('#menu').css("top","50px");
  $('#navResponsive').slideToggle('fast', function() {
  });
});

});
4

1 に答える 1

3

リンク.toggle()の代わりにを使用してみてください。.click()

$('#menu a').toggle(function(event){
   event.preventDefault();
   $('#menu').animate({top: '50px'}, 'slow');
},function(event){  
    event.preventDefault();    
    $('#menu').animate({top: '0px'}, 'slow');
});

これにより、最初のクリックでメニューが50ピクセル下に移動し、2回目のクリックでメニューが元に戻ります。これを示すフィドルがあります。

于 2012-12-27T20:57:08.630 に答える