Javascript 访问页面并打开菜单选项卡

假设我有两页。 在第一页上，我有一个带有房子的图标，在第二页上，我有关于项目的详细信息，在菜单下面有几页。 当我点击那个框时，我怎样才能让它进入那个页面并打开那个选项卡

我试着做一些类似的事情，但是房子的标签没有打开，默认情况下公寓的标签保持打开状态

<li class="nav-item one">
   <a target="_blank" class="nav-link" id="pp-houses-tab" data-toggle="tab" href="#pp-houses"
      role="tab" aria-controls="pp-houses" aria-selected="true">
        <span> Case </span>
       <span class="items-counter"> {{$project->houses}} </span>
          {{-- <i class="fad fa-house"></i> --}}
                                        </a>
                                    </li>case 'house':
        Jquery:$( "#pp-houses-tab" ).trigger( "click" )
        break;
Route: <a href="/project/{{$project->name}}/#pp-house-tab"><a/> ( this  is in home page)

案例“房子”：
Jquery:$（“#pp房屋选项卡”）.trigger（“单击”）
打破
路线：（这在主页上）

因此，简而言之，我想当我点击主页上的“主页”图标打开项目页面时，也要关闭“打开”选项卡。 你有什么想法吗