他の要素をクリックすると要素を閉じる

Question

こんにちは正直言ってみんなあなたの助けが必要です。何をしようとしているのは、メニューをクリックするとオーバーレイを表示するスクリプトです。モーダルコンタクトフォームをクリックすると、閉じるアイコンやアンカーが表示されます。コンタクトフォームから閉じるボタンをクリックすると、オーバーレイも閉じます。

それは以下のjsがオーバーレイである要素を作成している、と何イムがやろうとし「closepls」 であるためにidはあなたはそれが同様に閉じたり、削除されますモーダル感謝の閉じるボタンをクリックしたときでありますあなた

<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true"> 
<!-- This is the close button --> 
    <div class="close-modal" id="closepls" data-dismiss="modal"> 
     <p class="cl"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> ClOSE</p> 

    </div> 



    <div class="modal-dialog"> 
      <div class="modal-content"> 


      <!-- First Div --> 
      <div class="col-md-6 conone condits"> 

      <h1> Sample Heading 

      </div> 

      <!-- END First Div --> 


      <!-- Second Div --> 

      <div class="col-md-6 conone"> 
              <!-- Project Details Go Here --> 
        <?php echo do_shortcode('[contact-form-7 id="52" title="send"]'); ?> 
      </div> 
      <!-- END Second Div --> 

      </div> 
     </div> 
    </div> 

のJs

<script> 
init=()=>{ 
     //SELECT & BIND (CLICK) EVENT 
     document.querySelector('a.menuToggle, a#welcomeDivs').addEventListener('click',modal.overlay.init); 
    } 
    modal={ 
     overlay:{ 
      init:()=>{ 
       //CREATE OVERLAY 
       var overlay = document.createElement('overlay'); 
       overlay.id = 'welcomeDivsss'; 
       //SET (CLICK) EVENT TO REMOVE ITSLEF 
       overlay.addEventListener('click',modal.overlay.remove); 

       //APPEND TO INTERFACE 
       document.body.appendChild(overlay); 

       // After overlay added to html. "welcomeDivsss" is overlay id you specified. 
       $("#welcomeDivsss").append('<div class="parela" id="welcomeDiv" <div class="inner_box"> <a onclick="click" class="closes"></a> </div> </div>'); 

      }, 
      remove:(e)=>{ 
       //REMOVE ITSELF 
       e.target.parentNode.removeChild(e.target); 
       document.getElementById('welcomeDivsss').remove(); 
       //Trying to make it happen using this code below 
       document.getElementById('closepls').remove(); 

      }  
     } 
    } 

    //ON DOCUMENT LOAD RUN INIT 
    document.addEventListener('DOMContentLoaded',init); 

</script> 

Answer 1

回答が

$(function(){ 
    $('#closepls').click(function(){ 
       document.getElementById('welcomeDivsss').remove(); 
    }); 
}); 

です