jquery - div出现在图像点击

Question

我对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/

提前致谢！

Answer 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; }