html - 如何让 div 停留在那里直到再次单击链接？

Question

我正在尝试制作一个仅在单击三 Angular 形时出现的侧边栏，并且我已经到了您单击三 Angular 形并出现的位置:

sidebar {
display: none;
}

a:active + .sidebar {
    display: block;
}

然而，一旦你放手，它就会消失。在您第二次单击三 Angular 形之前，我怎样才能让它保持可见？以下是完整代码的链接。

http://jsfiddle.net/Vqmaw/

Answer 1

您将不得不使用 JS 来切换侧边栏的可见性 - CSS 解决方案是不可能的。

$('a').click(function () {
    $('.sidebar').toggle();
});

您还必须为 .sidebar 元素设置 display: none。我已经更新了你的 fiddle - http://jsfiddle.net/teddyrised/Vqmaw/3783/

您修改后的 fiddle 有一些问题 - 您使用的是 MooTools 而不是 jQuery，并且您的类选择器格式不正确。