javascript - Jquery - 试图隐藏和显示一堆图像

Question

我的 jquery 代码有点问题。我是 Jquery 的新手，所以请帮助我改进我的代码。好吧，我正在尝试隐藏和显示这 4 张图片。让我详细说明一下:

1. 我创建了这 4 张图片(并排放置)
2. 当一个点击时它应该展开并隐藏另一个
3. 当展开的点击它应该返回到它的正常尺寸并显示另一个
4. 然后应该重复

我的代码似乎在第一次运行时运行正常，但在第二次运行时却搞砸了(图像的行为与我预想的不一样)

这是我的代码: http://codepen.io/sallyiee/pen/onkKs

Answer 1

您可以使用toggleClass 和toggle 方法简化您的代码:

$(".showcase" ).on("click", "img", function(e) {
    $(this).toggleClass("expand");
    $(this).siblings().toggle("fast"); 
});

演示:http://codepen.io/anon/pen/mlBEI