如何使用javascript将一个图像制作成链接，链接到另一个图像？

到目前为止，这就是我所得到的，我似乎无法让它发挥作用

当您单击另一个图像时，我希望显示的是具有

id=“hap\u text”

的图像

<script>
$(function() {
    $('.touch_bg #touch_hap').click(function(e) {
        e.preventDefault();
        $('#hap_text').toggleClass('hidden');
    });
});
</script>

<div class="container touch_bg">
    <div>
        <a href="#"><img id="touch_hap" src="img/info/lefttouch.png"></a>
        <img id="hap_text" class="hidden" src="img/info/habitattext.png">
    </div>
</div>

未捕获引用错误：$未定义

不要忘记包含jQuery。否则，您的代码看起来很好

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

。隐藏{
显示：无；
}

您的代码可以正常工作：。你检查过控制台有无错误吗？顺便说一下，你真的不需要指定

\touch\u hap

在这里是一个孩子

'。touch\u bg\touch\u hap

。它是一个ID，这意味着无论如何应该只有一个。你包括了jQuery，对吗？是的，控制台说：uncaughtreferenceerror:$没有定义太多Drakes:D你太棒了：没有问题。欢迎来到SO！提前感谢您接受答案（单击复选标记）。干杯

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>