如何应用正确的html锚

我想获得一些关于如何实现这一点的提示：我用这个免费模板创建了一个网页：

我的计划是在“主页”上有7张图片，每张图片都有一个指向“时间表”页面的链接。当我点击图片X时，它会带我进入日程页面，并选择和显示星期日（这是默认值）。但是当点击主页上的图片Y时，它应该会带我到那里并选择/显示星期一。 我实施了以下措施：

$（'#showdiv1'）。悬停（函数（）{
$（'div[id^=div]'）。hide（）；
$（'#div1'）.show（）；
});
$（'#showdiv2'）。悬停（函数（）{
$（'div[id^=div]'）。hide（）；
$（'#div2'）.show（）；
});
$（'#showdiv3'）。悬停（函数（）{
$（'div[id^=div]'）。hide（）；
$（'#div3'）.show（）；
});
$（'#showdiv4'）。悬停（函数（）{
$（'div[id^=div]'）。hide（）；
$（'#div4'）.show（）；
});
。按钮{
光标：指针；
显示：内联块；
利润率：10px；
}
#第一组，第二组，第三组，第四组{
显示：无；
}
#第一组{
背景：红色；
填充：20px；
宽度：100px；
文本对齐：居中；
}
#第二组{
背景：蓝色；
填充：20px；
宽度：100px；
文本对齐：居中；
}
#第三组{
背景：橙色；
填充：20px；
宽度：100px；
文本对齐：居中；
}
#第四组{
背景：绿色；
填充：20px；
宽度：100px；
文本对齐：居中；
}
a{
颜色：浅绿色；
-webkit过滤器：灰度（1.0）；
}
a:悬停{
颜色：红色；
-webkit过滤器：灰度（0.0）；
}
a、 按钮故障{
显示：光标：指针；
显示：内联块；
-webkit过滤器：灰度（0.0）；
}

第一组
第2组
第3组
第4组
1.
2.
3.
4
我想我做的这个演示可能会对你有所帮助

这里我们有3个链接（您案例中的图片）。单击链接，滚动到页面的“日程安排”部分，并在相关日期单击。我们使用jquery
trigger
方法


//单击链接（或在您的现金图片链接中）时
$（'.schedule_links.btn'）。单击（函数（）{
//获取要单击的计划日的数据属性。
day=$（this）.data（'schedule_link'）；
//触发相关计划按钮上的单击事件。
$（'#'+天）。触发器（'单击'）；
})
//此位已由模板处理，仅此演示：
$（'.schedule_link'）。单击（函数（）{
$（'.schedule_link'）.removeClass（'selected'）；
$（this.addClass（'selected'）；
day=“#日程安排”+$（this.attr（'id'）；
$（'.schedule'）.hide（）；
$（day.show（）；
})
a{
文字装饰：无；
}
.btn{
显示：内联块；
背景：#fff；
边框：2px实心#ddd；
填充：5px15px；
边界半径：5px；
保证金：5px；
}
.时间表{
高度：500px；
宽度：500px；
背景：浅灰色；
边框：2倍实心暗灰色；
显示：无；
}
.选定{
背景：浅绿色；
}

这是星期一的日程安排
这是周二的日程安排
这是星期三的日程安排
欢迎来到SO。为了得到答案，请根据页面上列出的指南改进你的问题嗨，布拉德，给你几句话：你是世界级的！！谢谢。我不知道我是否能理解。哇，这是最好的赞美。谢谢-我很高兴能帮上忙。