CSS не закрывается после щелчка

Question

Я использую следующий учебник: http://www.script-tutorials.com/css3-metal-menu-with-icons/

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

Answer 1

Поскольку вы используете JQuery, я хотел бы сделать что-то вроде обходе родителей, если вы знаете точные глубины, используя обработчик события клика (где e это событие): $(e.target).parent().parent().hide(), etc

Если это может быть динамичным , вы можете сделать это несколько менее эффективно, но за один раз: $(e.target).parents('.thedropdownmenuclass').hide()

Answer 2

Подменю все расположены в div с классом под названием subs. Вы можете скрыть это с помощью JQuery.

$('html').click(function() { 
    $(".subs").hide(); 
}); 

Все клики, в любом месте должен теперь скрыть подменю или любой другой элемент с классом подлодки