Question

这是一个小提琴，显示我当前的状态:(尝试onClick（）） http://jsfiddle.net/D5N4f/7/

$('.associationLinks').click(function () {
    alert("I've been clicked"); //test to see if click is working
    //$(this).next().toggle();
    $(this.content).toggle();
    //$(this .content').css("display", "block");
});

这是一个工作HOVER的版本，我需要转换为onClick：

http://jsfiddle.net/D5N4f/6/

这样工作正常..但是HOVER对我的使用不太实用..我需要将它改为onClick ..但是有相同的行为。

我需要使用jQuery吗？（我还没把它上班）

我要显示的内容从display：none ..

开始

我试过show（），toggle（）甚至.css（“display”，“block”）; （也许我没有正确定位事物？）

这个的最后一部分（因为会有像这样的MANY链接设置）是关闭之前的'SHOW'内容..当我点击一个新的链接..（即：只显示一个内容框）一次与几个同时开放！）

请使用小提琴示例，而不仅仅是随机代码建议！谢谢！

Answer 1

http://jsfiddle.net/ks111777/D5N4f/23/

我删除了以下CSS：

/*.associationLinks:hover .content {
    display:block;
}*/

我还使用.children（）选择器来显示内容div，并在点击时更改它的CSS。

这更接近你想要的吗？隐藏图像有点诡计，我对此有所了解，但我不确定你是否需要它。

如何将此转换为onClick vs常规悬停？

1 个答案: