Javascript 多个自动点击href链接

我已经在网上阅读了各种帖子和搜索，但到目前为止还没有找到解决方案。我在这里和其他地方尝试了多篇文章，但运气不佳

情景：我有一份会员手风琴菜单。我有一些CSS和HTML工作的图像切换。这意味着，当您单击名称时，图像将加载到第二列中第1列的左侧

需要：我需要为每个部分加载页面时，在页面加载时加载第一个图像

我正在使用：

$(document).ready(function(){
    document.getElementById("linkElement").click();
    });

但是，这只加载一个ID。我正在寻找一个脚本，通过href链接处理5个ID标记

<li><a href="#image1" class="mdrtf-link" id="linkElement">Various Names first link in list</a></li>

此CSS处理每张照片的href链接之间的切换。 我对JS或JQuery开放

---

如果你需要更多信息，请告诉我。提前感谢。

如果重要的话，该站点是在Bootstrap中完成的。4id在HTML中是唯一的。为了强制单击每个链接，您应该使用GetElementsByCassName通过类选择器返回的集合结果进行循环。使用该选择器，您将类放在引号中，用逗号分隔。。。等您是否愿意展示示例？演示（codepen/jsfiddle）将有助于更好地理解这个问题。嗨@Viney我正在寻找一个脚本，该脚本将通过ID标记或基于上述结构的类在页面加载时自动单击5 href链接。

#output img {
display: none;
}

#output img:target {
display: inline;
}

#output-2 img {
display: none;
}

#output-2 img:target {
display: inline;
}