Почему не работает toggleClass?

Question

[Faksi]

$(function(){
var dropUp = document.getElementsByClassName('ins');
$('button').click(function (){
	$(dropUp).toggleClass('ops');
});

$(document).mouseup(function (){
	$(dropUp).toggleClass('ops');
});
})

Это типа выпадающее меню по клику.
Не понимаю почему не работает toggleClass? Перестает работать toggleClass по кнопке. Подскажите, пожалуйста, как сделать выпадающее меню что бы при клике вне элементов оно сворачивалось.

Answer 1

[GreatRash]

$('button').on('click', function(e) {
  $(dropUp).toggleClass('ops');
  e.stopPropagation();
});

$(document).on('click', function() {
  $(dropUp).removeClass('ops');
});

Answer 2

[spamerbo]

Ну видимо потому, что при клике на кнопку событие срабатывает на кнопке и на document, класс добавляется и сразу убирается. Почитайте про всплытие событий в js. Ну еще и HTML код неплохо бы увидеть.