如何仅在单击时才显示子菜单

我需要帮助实现移动的某种效果。 我希望仅当单击父

并且它应该从右向左滑动时才显示submenu （就像在移动设备上一样）

这是我目前的FIDDLE

 var flag = 100; $('#button').click( function() { $('#right').animate({ left: flag }, 'slow', function() { $('#button').html(flag ? 'Close' : 'Menu'); }); flag = flag ? 0 : 100; } ); 

Answer 1

添加以下CSS和jquery更改。

CSS

 #menu ul ul { display:none; padding:10px; } 

JQUERY

  var effect = 'slide'; var options = { direction: 'right' }; var duration = 700; $("#menu ul > li a").click(function(){ $(this).next().toggle(effect, options, duration); }); 

DEMO

注意：您必须为此类动画添加Jquery UI 。