Question

我有一个崩溃的ul菜单，但是当切换宽度时，每个菜单里面的内容都会变得有趣。

我试过.slideToggle但是无法让它操作滑入右键div。

效果很好，只是有点笨重。我假设有一条css规则可以解决我的问题，但我有点卡住

这是我正在使用的规则，你可以在jsfiddle中看到。

   $(document).ready(function() {
  $('#menu-active').click(function() {
    $('#menu').animate({width: 'toggle'})
       });
});

我是javascript的新手，所以我确信有更好的方法让我不知道。

感谢。

Answer 1

我已对您的代码进行了修改。有多余的$(document).ready();和其他人。我也修改了你的css代码。

我刚刚在我所做的修改中创造了一个“错觉”，我希望这就是你要找的。

这是更新的jsfiddle。

Answer 2

确定。早些时候我误解了你的问题。这是带幻灯片效果的更新答案。但问题是你还需要使用jquery ui。看看我的小提琴。

$(document).ready(function() {
 $('#menu-active').click(function() {
  $('#menu').toggle('slide', {direction: 'right'}, 1000);
   });

  $('#close').click(function() {
$('#menu').toggle('slide', {direction: 'right'}, 1000);
});
});

Working JSFIDDLE DEMO

折叠菜单内容

2 个答案: