Question

我无法弄清楚如何使用togggleclass来解决jQuery幻灯片的问题。

我有一个页面，在Bootstrap中使用has（两个方框）有两列，并显示一个完整的宽框。允许我使用CSS toggleclass单击按钮进行滑动，并在一个框中显示两列（两个框），并在第二列中显示相同的按钮，如果我要单击再次从第二列按钮，它将返回显示完整的宽盒子。

我的问题是，在显示全宽之前，如何点击第二列的按钮后如何骑行或隐藏按钮！

请参阅jsfiddle

上的示例

我把jQuery代码放在这样：

$('#trig').on('click', function () {
    $('#col1').toggleClass('span12 span3');
    $('#col2').toggleClass('span0 span9');
    $('.#trig').hide();
});

有没有人知道如何在点击第二列中的相同按钮后隐藏该按钮以返回到宽大的一个框！

感谢。

Answer 1

你有错字这是工作解决方案：jsfiddle

其$('#trig').hide();而非$('.#trig').hide();

Answer 2

您还可以尝试当前的事件实例

$('#trig').on('click', function () {
    $('#col1').toggleClass('span12 span3');
    $('#col2').toggleClass('span0 span9');
    $(this).hide();
});

如何从幻灯片隐藏按钮？

2 个答案: