Нужен скрипт который при нажатии на блок с одним классом закроет другой [требует правки]

252

10 апреля 2017, 06:43

Ситуация такая: есть слайдер, в котором есть кнопка, после нажатия на нее должен скрываться блок с другим классом, который вне слайдера. Помогите пожалуйста.

Answer 1

  $(".btn").click(function(){ 
    $(".box").hide(); 
  })

<!DOCTYPE html> 
<html> 
<head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width"> 
  <title>JS Bin</title> 
</head> 
<body> 
 
  <button class="btn"> 
      some button 
  </button> 
   
  <div class="box"> 
    box 
  </div> 
   
  <script src="https://code.jquery.com/jquery-2.2.4.js"></script> 
</body> 
</html>

Answer 2

На чистом javascript:

var btn = document.querySelector('.btn'); 
var box = document.querySelector('.box'); 
btn.addEventListener('click', function() { 
  box.style.display = 'none'; 
});

<!DOCTYPE html> 
<html> 
<head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width"> 
  <title>JS Bin</title> 
</head> 
<body> 
 
  <button class="btn"> 
      some button 
  </button> 
   
  <div class="box"> 
    box 
  </div> 
   
</body> 
</html>