jQuery问题/答案使用fiddle；触发应答'；b'；从answer'；a'；

我一直没能弄明白这一点，尽管几个小时的胡闹，希望这是以前做过很多次的事情！在我的测试站点（）上，我有一个由jQuery支持的问答布局，我喜欢它的简单形式。但是，我需要使用出现在其他答案中的元素来触发一些答案行。例如，如果您选择第一个选项“Giclee-流程”，则其中有一些项目，例如我需要切换“blurb”div答案行的“read the blurb”文本，以及需要切换“the papers”div答案行的“pick your paper”图像按钮

因此，实际上，“拾取纸张”图像的作用与“纸张”触发按钮的作用完全相同（如果单击“拾取纸张”图像也可以触发我现有jQuery中存在的“纸张”按钮上的背景图像更改，那就太好了，尽管我已经准备好了，这可能太远了！）。我现有的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)");
    });
});

---

我认为这个JSFIDLE示例(http://jsfiddle.net/alr3/LPNfZ/)我将集中精力回答你的问题。我没有复制你所有的模型，我使用了列表而不是div，但是这个答案可以满足你的需要，甚至可以使用你正在使用的“在父对象中使用相应的索引来显示和隐藏”方法

然而，我建议对“标题”和“内容”/“答案”使用特定的名称，然后这将非常简单，您只需在任何您想要的链接上放置一个单击事件，以显示不同的内容，如

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

---

我已经按照您的建议，通过使用特定的“标题”/“答案”使其工作。但是，新的特定触发器也不会更改相关问题选项卡的背景图像。我已经使用以下代码将所有问题选项卡重置为其原始颜色（绿色）：$（“.question”）.css（“背景图像”，“url（/img/bg/nav giclee.png）”）；并重命名了我希望触发器更改的特定“问题”选项卡，但以下代码行不会执行更改：$（“#section-menu-3.question”）.css（“背景图像”，“url（/img/bg/nav-down.png）”）；