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

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

У меня есть страница, на которой есть два столбца с использованием (два квадратных поля) в Bootstrap и показано одно полное широкое поле. Внутри или снаружи поля есть кнопка, которая позволяет мне щелкнуть кнопку, чтобы скользить с помощью CSS toggleclass, и показать два столбца (два поля) из одного поля и показать ту же кнопку во втором столбце, и если я хочу снова нажать кнопку со второго столбец, он вернется, чтобы показать полное широкое поле.

Мой вопрос в том, как я могу покататься или скрыть кнопку после нажатия кнопки во втором столбце, прежде чем показывать ее на полную ширину!

См. образец на странице jsfiddle.

и я помещаю код jQuery следующим образом:

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

кто-нибудь знает, как я могу скрыть эту кнопку после нажатия той же кнопки из второго столбца, чтобы вернуться к широкому полному окну!

Благодарю.


jquery twitter-bootstrap slide toggleclass
person jason two    schedule 12.08.2014    source источник

Ответы (2)


arrow_upward
1
arrow_downward

У вас есть опечатка Вот рабочее решение: jsfiddle

Это $('#trig').hide(); не $('.#trig').hide();

person Arturs    schedule 12.08.2014

arrow_upward
0
arrow_downward

Вы также можете попробовать текущий экземпляр события

$('#trig').on('click', function () {
    $('#col1').toggleClass('span12 span3');
    $('#col2').toggleClass('span0 span9');
    $(this).hide();
});
person Jain    schedule 12.08.2014
comment
вы хотите скрыть эту кнопку или что-то еще?? - person Jain; 13.08.2014
comment
поместите этот код, теперь он работает $('#trig').on('click', function () { $('#col1').toggleClass('span12 span3'); $('#col2').toggleClass ('span0 span9'); $(this).hide(); }); - person Jain; 13.08.2014
comment
у вас возникли проблемы с моим ответом @jasontwo - person Jain; 19.05.2015