Question

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

http://luistovar.com/sandbox

提前致谢！

Answer 1

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

将4张图像绝对（！）放在一起。因此，你只会看到其中一个。给他们一个班级，例如.picture。为每张图片提供一个ID，例如＃picture1。

为您的所有标签添加ID，例如＃menu_item1。

然后使用以下和jQuery。

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

复制每个菜单项/图片并调整数字。有些方法最终会减少代码，但这样很容易理解。

我没有检查过，但我希望它能帮到你。它应该给你一个小的淡入淡出效果，你可以通过将数字200调整为更小或更大的数字（毫秒）来调整。

祝你好运！

在jQuery Accordion Header Selection之后交换图像

1 个答案: