如何让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，并且您的类选择器格式不正确。