javascript - 如何使用 jQuery 通过高级设置打开/关闭侧边栏

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

这个问题似乎偏离主题，因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或 include a minimal example在问题本身。

已关闭 9 年前。

Improve this question

我创建了一个打开-关闭动画，但它并没有完全达到我想要的效果。

我不知道如何解决以下问题:

1. 只有当我单击放大镜图标时，侧边栏才会打开和关闭，而不是当我单击侧边栏的蓝色区域时(例如当我想在搜索框中输入内容或单击其中显示的任何内容时) .

2. 显然，当侧面加载时，我需要单击放大镜图标两次才能打开侧边栏。实在不知道为什么:/

请参阅下面的 JS Fiddle 链接:

Answer 1

这是我自己博客的代码。演示 here .

如您所见，第一次单击该图标时，它会打开侧边栏。只需再次单击该图标即可将其关闭。这是 jQuery 代码(可以改进):

$('#icox').on('click', function() {
    $(this).children().toggleClass('active');
    $('#menux').toggleClass('active');
});

然后在 CSS 中，您只需使用 margin-left: -300px; 或 css3 transform:translate。

两种方法都应该可以正常工作，但我认为 CSS 方法更好(在我看来):)

这是 jsfiddle:http://jsfiddle.net/6H8xr/