Javascript Jquery在单击图像时转到第一个选项卡

我有一个小图像。当用户单击该图像时，它将向下滚动到底部以获得展开的视图。展开的图像位于选项卡内部（第一个选项卡）

如果用户不在第一个选项卡中，我想做的是在用户单击小图像时更改选项卡，如图所示

$("#topp").click(function () {

    $(".nav-link").removeClass("active");
    $("#nav-home-tab").addClass("active");
    $(".tab-pane").removeClass("active");
    $("#nav-home").addClass("active");

});

我设法做到了当用户点击小图像时，它会把他带到放大的图像。使用以下代码 -标签-

---

但是，假设用户在第三个选项卡中，并单击小图像。它向下滚动并显示第三个选项卡我只想在每次点击小图像时将选项卡更改为第一个选项卡

请发布处理此问题的代码。我还没有找到任何代码。我希望有人会建议使用jquery代码或其他东西。：）将一些

id

s或其他内容应用于选项卡，然后在向下滚动之前使用javascript切换到正确的选项卡。我们需要知道你的“标签”是如何构造的，以便帮助…@BugWhisper抱歉，我之前不能包含标签代码。我刚刚包括了选项卡代码。您可能还想显示选项卡是如何从一个选项卡更改为另一个选项卡的

<div class="col-6 layerr">
                    <a href="#top"><img class="img-fluid layer-img" src="~/Images/products/LSerene.png" /></a>
                </div>

<a name="top">

$("#topp").click(function () {

    $(".nav-link").removeClass("active");
    $("#nav-home-tab").addClass("active");
    $(".tab-pane").removeClass("active");
    $("#nav-home").addClass("active");

});