jquery - 编写此 jquery 的更好方法

Question

到目前为止，这个 jquery 代码适用于我想要它做的事情。基本上，当用户单击图像时，它会淡出这些 Div，然后淡入需要显示的图像：

$('.brother').click(function() {
        $("#mitsu-gallery:visible, .mitsu-tag:visible, #taki-gallery:visible, .taki-    tag:visible").fadeOut("slow", function() {
             $("#brother-gallery, .brother-tag").fadeIn("slow");
        });
     });

但是我想知道是否有更好的方法来做到这一点，而不是列出我想要隐藏的所有 Div？或者这只是实现这一目标的最佳方式？

Answer 1

DIVs对所有你想隐藏的东西使用一个类。

例如

<div id="mitsu-gallery" class="hideme">Content</div>

和

$('.hideme').fadeOut(blah, blah);

编辑：

在查看您的 Fiddle后，这是您的最佳选择：

$('.control').on('click', function (e) {
    e.preventDefault();
    var field = $(this).data('field');
    $('.hider:visible').fadeOut("slow", function () {
        $('#' + field + '-gallery, #' + field + '-tag').fadeIn("slow");
    });
});

另请查看此FIDDLE上的 HTML 和 CSS 更改