Question

尽管经历了数小时的混乱，但我还是无法弄明白这一点，希望这是以前做过很多次的事情！在我的测试网站（http://www.sketch360test.co.uk/giclee.php）上，我有一个由jQuery支持的问题/答案布局，我已经按照它的简单形式按照自己的喜好工作了。但是，我需要使用出现在其他答案中的元素来触发一些答案行。例如，如果您选择第一个选项“Giclee - the process”，那里有一些项目，例如“read the blurb”文本，我需要切换“blurb”div div行，以及“选择你的论文” “需要切换'论文'div回答行的图像按钮。

因此，实际上“挑选你的纸张”图像将完成与“纸张”触发按钮完全相同的工作（如果点击“挑选你的纸张”图像也可能会触发背景图像更改我现有的jQuery中存在的'the papers'按钮，虽然我已经准备好了，这可能是一个太过分了！）。我现在的jQuery就在下面，正如我所说，我已经搞乱了为新的触发器元素添加各种类，但是还没有得到正确的结果 - 但是 - 没有弄乱现有的功能。任何帮助将不胜感激......

jQuery.fn.fadeToggle = function(speed, easing, callback) {
    return this.animate({opacity: 'toggle'}, speed, easing, callback);
};

$(function() {
    $("#answer .views-row").hide();
    $("#question .views-row").click(function(){
        var i = $(this).index();
        $("#answer .views-row").eq(i).toggle("slow").siblings().hide();
    $(".question").css("background-image", "url(/img/bg/nav-giclee.png)").eq(i).css("background-image", "url(/img/bg/nav-down.png)");
    });
});

Answer 1

我认为这个jsFiddle示例（http://jsfiddle.net/alr3/LPNfZ/）我放在一起会回答你的问题。我没有复制你的所有模型，我使用了列表而不是div，但是这个答案将完成你所需要的，即使使用“使用父级中的相应索引显示和隐藏”你正在使用的方法。

但是我会建议使用“标题”和“内容”/答案的特定名称，然后它会非常简单，你只需要点击一下你想要成为链接的点击事件来显示不同的内容如

$("#my-image-that-now-opens-an-answer-id").click(function() { $("some-specific-header-id").click(); });

使用小提琴的jQuery问题/答案;从答案'a'中的html元素触发回答'b'

1 个答案: