Как сделать divs кликабельным в скользящем меню jQuery

Question

У меня есть скользящее меню div, созданное с помощью jQuery, но вы должны щелкнуть ССЫЛКУ внутри Div, чтобы сделать его скользящим.Может кто-нибудь сказать мне, как сделать div сам по себе кликабельным?

Вы можете увидеть меню и код здесь: http://jsfiddle.net/WhfDc/

Я пытался использовать CSS, чтобы якорь покрывал всюdiv и иногда это работаетЕсть идеи, правильно это или нет?

Answer 1

Вам не нужен весь этот Javascript. Вы можете просто привязать событие щелчка меню (для всех элементов div с классами .evtog), обработчик скрывает видимые подменю и показывает подменю.

Попробуйте это:

$(function() {
  $("div.evtog").click(function() {
    $("div[name=events]:visible").slideUp(600);
    $(this).next().slideDown(200);
  })
});​

Обратите внимание, что $ () оборачивает функцию, это необходимо, потому что для привязки элементов они должны быть в DOM. И это гарантирует, что функция будет выполнена, когда DOM будет готов.

Рабочий пример: JsFiddle

Дополнительная информация:

.click
: видимый
.next
.ready

Answer 2

Да, это возможно, прикрепив обработчик события щелчка к элементу div вместо элемента привязки, который находится внутри элемента div.

Также я бы предложил вам использовать jQuery для присоединения обработчика событий вместо встроенного обработчика событий.

Рабочая демоверсия - http://jsfiddle.net/WhfDc/1/