Question

可能很简单，但我无法弄清楚。我想在点击链接时切换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();

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

谢谢，丹尼尔

Answer 1

为什么不给div分配一个ID，然后用$（'＃id'）来显示它.toggle（）？

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

Answer 2

您可以使用jQuery的 toggle（）功能。

等等;

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

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

Answer 3

试试这个

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

我认为这就是你要做的事情

Answer 4

<a>和<div>等元素需要使用</a>和</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();
});

FIDDLE

如果您首先了解HTML并编写正确的标记，那么使用javascript将变得更加容易。

单击表格单元格内的链接时显示div

4 个答案: