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