hide меню после нажатия (выцветание)

Question

это простой html css меню. теперь он отлично работает для перенаправления страниц (href).

но я хочу скрыть после нажатия на него.

я просто позвонить на функцию, когда нажмите на него, который будет вызывать AJAX запрос

http://jsfiddle.net/5TBFr/ код здесь в ссылке

Answer 1

Я supose это то, что вы ищете: http://jsfiddle.net/5TBFr/26/

Я добавил нажмите событие для элементов a, и я возвращаю false, поэтому запрос прекращается. Вы можете добавить свой запрос ajax. Я немного поработал, перемещая элемент «ul», чтобы мышь оставила его и скрылась, затем я возвращаю его в исходное положение.

Answer 2

Прежде всего, если я вас понял, для чего вы хотите, вам понадобится jQuery, почему? Поскольку javascript не знает, какие свойства CSS влияют на определенный элемент.

Во-вторых, то, как вы используете CSS, неверно, вы смешиваете дизайн и функциональность, а для самой простой задачи, такой как эта, вы столкнетесь с такими проблемами. CSS не предназначен для отображения или скрытия меню, даже если вы можете, CSS должен стилизовать вещи даже динамически, но при взаимодействии с пользователем вы ввернуты. Так что будьте осторожны: P

В JQuery должно быть что-то вроде этого:

$(document)​.ready(function() 
{ 
    $('ul').on('click', 'li a', function() 
    { 
     $(this.parentElement.parentElement).hide(); 
    }); 
});​ 

http://jsfiddle.net/5TBFr/25/