使用javascript关闭灯箱

如何解决使用javascript关闭灯箱

我在html5网站上使用灯箱，该网站有灯箱来显示页面部分。

在我的投资组合部分（已经打开了一个灯箱），我的图片预览较小，在预览中有两个可点击的链接，第一个将打开另一个具有大图片的灯箱，第二个链接需要关闭投资组合灯箱并打开投资组合项目的灯箱。

我尝试从链接的href中调用JavaScript函数，但没有成功。

这是我用来关闭灯箱的功能，发现它在Google上进行了搜索，但是无法正常工作。

function processAction(hideElemId,navElemId)
{
    var elemToHide = null;
    alert("closing lightBox function");
    
    try
    {
        elemToHide = document.getElementById(hideElemId);
        elemToHide.setAttribute("style","display:none"); 

        window.location.hash = navElemId;

    }
    catch(e)
    {
        alert("processAction Error:  " + e.Message);
    }
    finally
    {

    }
}

对不起，您的回复很晚。 我是html5的新手，我在发布我认为灯箱正在打开的部分，抱歉，如果这不是您要求的代码。

<div class="lightBox-wrapper" id="portfolio" name="portfolio" data-simplebar>
<div class="container">
  <div class="lightBox-close">
    <div class="close-btn" data-modal-close="" id="btn_light"><span class="btn-line"></span></div>
  </div>
<div class="row">
    <div class="col-12">
      <div class="lightBox-content">
        <div class="row">
          <div class="col-12">
            <div class="section-heading page-heading">
              <p class="section-description">Showcasing my works</p>
              <h2 class="section-title">Portfolio</h2>
              <div class="animated-bar"></div>
            </div>
          </div>
        </div>
    </div>
</div>

解决方法

$（“。lightbox”）。hide（）;

将隐藏灯箱，或者您可以使用适当的课程名称。