Div появляются на изображении нажмите

0

Я новичок в jQuery, и мне не удалось это решить. Вот код, который я пытаюсь сделать:

$('img.mobile_menu_button').click(function() {
    $('.mobile_menu_list').css('visibility', ($('#show').css('visibility') == 'visible') ? 'hidden' : 'visible');
});

Я просто хочу, чтобы div появлялся, когда я нажимаю на изображение. Не должно быть трудно, но я просто не могу заставить его работать.

FIddle находится здесь: http://jsfiddle.net/muWLG/5/

Заранее спасибо!

  • 1
    Похоже ..... и кстати, где твой $('#show') элемент?
  • 0
    Да, появляется и для меня.
Показать ещё 1 комментарий
Теги:

1 ответ

1

Я бы добавил класс в.mobile_menu_list:

$('.mobile_menu_button').on('click', function() {
    $('.mobile_menu_list').addClass('is-active');
});

И в вашем CSS:

.mobile_menu_list.is-active {
    visibility: visible;
}

Если вам не нужна видимость CSS, но вы также можете положиться на отображение:

$('.mobile_menu_button').on('click', function() {
    $('.mobile_menu_list').show();
});

И в вашем CSS:

.mobile_menu_list { display: none; }
Поделиться
  • 2
    Зачем загрязнять CSS и JS дополнительными классами, когда достаточно toggle() или show()
  • 0
    В CSS mobile_menu_button не определяется как display: none, но видимость: скрытая. Toggle () или show () здесь не помогут. Я не уверен, что можно использовать вместо отображения видимости.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню