Обработка клика
 

Мне нужно создать меню, которое бы показывалось при нажатии, скрывалось при нажатии на него второй раз и скрывалось при нажатии на фон вокруг. Я имею вот такой код, но последняя его часть (скрывать при клике на фоне) почему-то отключает первую (еще раз нажать на меню, чтобы его скрыть).

<!-- Кнопка -->
<a href="#" class="share-button">Share</a>

<!-- Появляющееся меню, скрытое в CSS по умолчанию -->
<div class="share-menu">
<a class="share-menu-link" href="#">Twitter</a>
</div>

$(document).ready(function() {
	$(".share-button").click(function(e) {          
		e.preventDefault();
    	$(".share-menu").toggle();
		$(".share-button").toggleClass("menu-open");
    });
    
    $(".share-menu").mouseup(function() {
				return false;
	});
	
	$(document).mouseup(function(e) {

				$(".share-button").removeClass("menu-open");
				$(".share-menu").hide();
				$(".share-menu").css("display","none");	
	});	
});

Подскажите почему они мешают друг другу?

Начни с того, что сделай полный тестовый пример, а не этот огрызок кода... :)

Сделал. Тут всего два класса, один кнопка, другой меню. Меню скрыто в CSS, дальше jQuery оперирует только ими двумя. jQuery код состоит из 3 частей, третья мешает исполнению первой, найти причину я не могу, так как опыта мало…

Я уже очарован одним только описанием проделаных работ! :lol:

Не сочтите за грубость, но вы поможете или будете трепаться дальше? Если у вас нет опыта в этом вопросе, зачем было вообще лезть?

А я с детства любопытный... :lol: