Question

我想与.toggle-item-(number here)切换.link(number here)。在开始时，所有.toggle-item都将关闭。只应同时显示一个切换项。每次新的切换项打开时，其他打开的切换项应该关闭。

为什么jQuery代码不起作用？

Answer 1

我已经更新了你的代码。

你没有正确得到这个号码。

$(document).ready(function() {
    $('[class^=toggle-item]').hide();
    $('[class^=link]').click(function() {
        var x = $(this).attr("class").replace('link', '');
        $('[class^=toggle-item]:not(.toggle-item-'+x+')').hide();
        $('.toggle-item-' + x).toggle();
        return false;
    });
});

x中的值是完整的类名（“link1”，“link2”等）。我简单地删除了“链接”部分以获得该号码。

Answer 2

Jquery accordion不适合你？

Answer 3

使用attr("class")代替attr("classname")

Answer 4

更新了Marc的代码，以便在点击时关闭其他代码。

$(document).ready(function() {
    $('[class^=toggle-item]').hide();
    $('[class^=link]').click(function() {
        var $this = $(this);
        var x = $this.attr("class");
        var className = '.toggle-item-' + x.replace('link', '');
        $(className ).toggle();
        $('[class^=toggle-item]:not('+className +')').hide();
        return false;
    });
});

jQuery切换不起作用

4 个答案: