javascript - 在 jQuery Accordion 标题选择后交换图像

Question

我有一个 jquery Accordion ，我已经设置了信息。我想要做的是改变这个 Accordion 右侧的图像，图像取决于他们选择的 Accordion 选择。我对 jQuery 没有足够的经验来解决这个问题。链接在下面，您可以看到我在这里解释的内容。如果你有时间检查一下。右边的图像是需要根据 Accordion 选择换成另一个的图像。任何帮助将不胜感激。

http://luistovar.com/sandbox

提前致谢!

Answer 1

最简单的方法是编写一些新代码，而不是将代码添加到现有 Accordion 菜单代码中(当然您可以将其集成到 Accordion 现有代码中)。

将您的 4 张图像绝对(!)放在彼此之上。因此，您只会看到其中一个。给他们一个类，例如.picture。给每张图片一个 ID，例如 #picture1。

为您的所有 a 标签指定一个 ID，例如 #menu_item1。

然后使用以下代码和 jQuery。

$("#menu_item1").click(
    function(){
        $(".picture").fadeOut(200, function(){
            $("#picture1").fadeIn();
        });
    });

为每个菜单项/图片复制这个并调整数字。有一些方法可以减少代码，但这种方法很容易理解。

我没有查过，希望对你有帮助。它应该会给你一个小的淡入淡出效果，你可以通过将数字 200 调整为更小或更大的数字(毫秒)来调整它。

祝你好运!