Как скрыть кнопку от слайда?

Question

У меня возникли проблемы, чтобы выяснить, как решить проблему с JQuery слайд с помощью togggleclass,

У меня есть страница с двумя столбцами, использующими has (два квадрата) в Bootstrap, и я показываю один полный широкий блок. Есть кнопка внутри или снаружи коробки, которая позволяет мне нажимать кнопку, чтобы скользить, используя 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();
});