javascript - 淡入一个元素并淡出所有其他元素

Question

我正在尝试使用 jQuery 淡入一个元素，然后在单击另一个元素时淡出该元素。我知道如何淡入 div，但我如何淡出所有其他的呢？感谢您的帮助!

div 的 ID 为 #id1 #id2 #id3 #id4

这是我的 Jquery

function trying(id){

var fade_in =function (e){
        $(id).fadeIn();
    };
    $(id).click(fade_in);
};

trying("#id1");
trying("#id2");
trying("#id3");
trying("#id4");

Answer 1

正如安迪所说，你应该给这些元素一个类。我们称这个类为土 bean ，因为谁不喜欢土 bean 。

$potatoes = $('.potatoes');

$potatoes.click( function() {
    $(this).fadeIn('fast'); // fade in the div that was clicked
    $potatoes.not( $(this) ).fadeOut('fast'); // fade out every other div
});