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

我很难想出如何使用

toggleclass

解决jQuery幻灯片的问题

我有一个页面，其中有两列使用引导中的has（两个方形框），并显示一个全宽框。 框内或框外都有一个按钮，允许我单击按钮，使用CSS

toggleclass

滑动，从一个框中显示两列（两个框），在第二列中显示相同的按钮，如果我想从第二列再次单击按钮，它将返回到显示全宽框

我的问题是，我如何才能得到骑或隐藏按钮后，点击按钮，从第二列之前显示全宽

请参阅

我将jQuery代码放在如下位置：

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

有人知道在第二列单击同一按钮返回到宽满一框后，如何隐藏该按钮吗

谢谢。

你有打字错误 以下是工作解决方案：

---

它的

$（'#trig'）.hide（）非
$（'.#trig'）.hide（）
您还可以尝试当前事件实例

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

你想隐藏这个按钮或其他任何东西吗？把这段代码放在（$（'#trig'）。在（'click'，function（）{$（'#col1'）。toggleClass（'span12 span3'）；$（'#col2'）。toggleClass（'span0 span9'）；$（this.hide（））；你对我的回答有什么疑问吗@jasontwo