0

可能很简单的事情，但我无法弄清楚。单击链接时，我想切换 div 的可见性。

所以这是我的情况

<table width="100%">
   <tr>
      <td>
         <a onclick='showDiv' />
      </td>
   </tr>
</table>
<div name='divToShow' style='display:none;' />

到目前为止我的代码：

// Then show the panel with substitute information
var control = $(parent).parent().parent().parent().find('div[name$="divToShow"]');
control.toggle();

所以我不确定如何实现这一点。任何人？

谢谢，丹尼尔

4

4 回答 4

1

为什么不给 div 分配一个 ID，然后使用 $('#id').toggle() 显示它？

基本示例：http: //jsfiddle.net/fVXAC/

于 2012-07-28T12:59:05.973 回答
1

您可以使用 jQuery 的toggle()函数。

就像是;

$('#clickme').toggle(
function() {
    $('#mydiv').css({ 'display':'block' });
}, function() {
    $('#mydiv').css({ 'display':'none' });
});

这是工作演示：http: //jsfiddle.net/CXHAW/

于 2012-07-28T13:06:12.710 回答
0

尝试这个

http://jsfiddle.net/Eez4g/1/

我认为这就是你想要做的

于 2012-07-28T13:01:22.017 回答
0

元素 like<a>和<div>需要用</a>and关闭</div>，而不是自关闭。

一个<a>元素也应该有一个href属性，即使它只是href="#".

$("a[onclick='showDiv']")​​​.on('click', function(e) { //find element based on onclick, would be better with an ID
    e.preventDefault(); //all <a> elements should have a href
    $(this).closest('table').next($("[name='divToShow']")).toggle();
})​​​​;​

小提琴

如果您从了解 HTML 并编写正确的标记开始，那么使用 javascript 对您来说会变得容易得多。

于 2012-07-28T13:14:19.093 回答