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

Question

我正在尝试制作一个仅在单击三角形时才出现的侧边栏，并且我已经到了单击三角形的地步，并且它使用以下命令出现：

sidebar {
display: none;
}

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

然而，一旦你放手，它就会消失。在您第二次单击三角形之前，如何使其保持可见？下面是完整代码的链接。

http://jsfiddle.net/Vqmaw/

Answer 1

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

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

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

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