Question

我试着设置一个新的切换功能，好吧，它可以工作，但不是我想要的。它切换整个表格，而不仅仅是选定的部分。

您可以在此处看到现场演示：http://cywa.eu/forum/index.php/Team/

我的jquery看起来像这样：

$(function() {
        $('#switch .contentSwitch').hide();
        $('#switch header').click(function() {
            $('#switch .contentSwitch').toggle('slow');
            $('#switch header span:nth-child(2)').removeClass('icon-angle-down');
            $('#switch header span:nth-child(2)').addClass('icon-angle-up');
        });
    });

请通过上面的链接在网站上查找html。您将看到8个标题，如管理等。如果我点击元素而不是全部，我想只切换其中一个。但我不知道，我可以使用哪个选择器，因为该表位于标题之外：

<header>
    <h2>.....</h2>
</header>
<table class="contentSwitch">....</table>

此外，css课程的切换也不会起作用，如果你能解决这个不好的问题，我会很高兴....

谢谢。

Answer 1

您需要在点击处理程序中使用this将要实现的元素与单击的元素相关联。试试这个：

$('#switch header').click(function() {
    $(this).next('.contentSwitch').toggle('slow');
    $(this).find('span:nth-child(2)').toggleClass('icon-angle-down icon-angle-up');
});

选择<header>的外部元素并仅切换一个元素</header>

1 个答案: