Javascript 从图像转盘到产品页面上切换div的锚定链接

我是JS新手，对HTML/CSS略知一二，非常感谢您的帮助。我有一周的时间在服务器上发布我的网站

我把事情办好了，就像我喜欢的那样。它膨胀/收缩得很好，我对结果很满意。我面临的问题是，我的网站上有一个图像传送带，我想把它链接到divs

例如：当访问者单击image2时，它应该转到test2，测试1应该被折叠

HTML代码

<p class="trigger"><a href="#!">Test1</a></p>
<div class="toggle_container" id="1">
<div class="block">
    <p>Contents of test1 to be displayed</p>        
</div>
<div>
<p class="trigger"><a href="#!">Test2</a></p>
<div class="toggle_container" id="2">
<div class="block">
    <p>Contents of test2 to be displayed</p>        
</div>
<div>

Javascript

$(document).ready(function() {
$(".toggle_container:not(:first)").hide();

$("p.trigger").on('click', function(){
$('.toggle_container').slideUp().eq($(this).index('p.trigger')).stop().slideToggle();
return false;
});

做了很多搜索，尝试了很多代码，但都不适合我。请帮忙！！！多谢各位

---

似乎不起作用，但在网站上起作用。

你的小提琴有几个错误。您的div没有关闭，jQuery也没有被选择在fiddle中使用

---

我找到了解决办法。为了帮助其他人，下面是代码

<script>
window.onload = function() {
    var hash = window.location.hash;
    if (hash != "") {
        var id = hash.substr(1);
        $(".toggle_container:not(:active)").hide();
        document.getElementById(id).style.display = 'block';
    }
}
</script>

---

非常感谢塞格，但这不是问题。问题是，如何将此div链接到外部导航。比如，我在主页上有一个图像，当我点击它时，它应该进入产品页面并展开测试2。其余的都应该倒下。

$(document).ready(function()
{
    $(".toggle_container").hide();

    $(".trigger").on('click', function(e)
    {
        $('.toggle_container').slideUp(500, function()
        {
            $(e.target).next('.toggle_container').slideDown(500);
        });
        return false;
    });
});

<script>
window.onload = function() {
    var hash = window.location.hash;
    if (hash != "") {
        var id = hash.substr(1);
        $(".toggle_container:not(:active)").hide();
        document.getElementById(id).style.display = 'block';
    }
}
</script>