onclick по разным объектам [требует правки]

249

07 мая 2018, 22:24

Как с помощью Js или jQuery сделать возможность взаимодействия с двумя разными объектами.

Чтобы при клике по объект_1 появлялся объект_2 и при клике на него же (второй объект) он скрывался. Если говорить совсем просто то тыкаем на первый появляется второй при клике на второй второй скрывается и чтобы это можно было повторять а не одноразовое действие (где проделал этот алгоритм а на второй раз он не работает уже, пока не перезагрузишь страницу)

Answer 1

В чём у Вас возникла проблема?
Включим логику:
На первый элемент повесим поиск второго, его скроем/покажем.
На втором просто обратимся к себе (через this, например) и скроем его (обрабатывать показ нет смысла).

Вот крайне любезно выпрошенное решение:

$(_ => { 
  $('#obj1').on('click', e => { 
    $('#obj2').toggle(); 
  }); 
  $('#obj2').on('click', function(e) { 
    $(this).hide(); 
  }); 
});

div { 
  cursor: pointer; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id='obj1'>Show the #2 object</div> 
<hr /> 
<div id='obj2'>Click on me for hide</div>