如何从幻灯片中隐藏按钮？

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();
});