javascript - 如何将一个链接添加到多个元素？

Question

我不太确定标题是否指向我的问题但是: 我想用一个链接同时显示两个不同的元素(内容和图像)。它有点像内容和图像 slider 所以如果你点击 link1 attr content1 和 image1，如果你点击 link2 attr content2 和 image2 等等上..

这样我可以吸引盒子，但我怎么调用图像呢？

$(".box").hide();
$(".box:first").show();

$("a").click(function() {
    var activeLink = $(this).attr("href"); 
    $("a").removeClass("active");
    $(".box").hide();
    $(activeLink).slideDown("normal");
    return false;
});

我已经走了这么远.. http://jsfiddle.net/2GR3W/2/

提前致谢!

Answer 1

尝试:

$(document).ready(function () {
    // Text Box
    $(".box, .img").hide();
    $(".box:first,.img:first").show();
    $("a").click(function (e) {
        var idx=$(this).index();
        e.preventDefault();
        var activeLink = $(this).attr("href");
        $("a").removeClass("active");
        $(".box, .img").hide();
        $('.container div').eq(idx).slideDown("normal");
        $('.container img').eq(idx).slideDown("normal");
    });
});

jsFiddle example