Убрать клик к элемента?

Question

[Breeze1]

https://codepen.io/brezze/pen/XWWvyjV

Можно как-то сделать появление .hidden по клику на весь чёрный блок, но если кликнуть на ссылку внутри, то ничего не будет происходить. Это возможно ?

Answer 1

[Антон]

Да, это возможно.

Показать только при клике по текущему элементу:

$('.block').click(function(e){
  var $this = $(this);
  var $target = $(e.target);
  
  if($this.is($target)) {
    $('.hidden').slideToggle();
  }
});

Показать при клике на все, что угодно, кроме вложенных внутрь блоков с атрибутом 'href':

$('.block').click(function(e){
  var $target = $(e.target);
  
  if(!$target.attr('href')) {
    $('.hidden').slideToggle();
  }
});

Comments

[Breeze1]

спасибо

[Breeze1]

Подскажите, я сразу не посмотрел внимательно. У меня в этом блоке будут другие теги, ссылки. Если кликать по ним, то .hidden может появляется. Можно как-то ограничить открытие, только по клику на конкретно эту ссылку ?

[Антон]

Breeze1, да, обновил.

Answer 2

[dmestroone]

Native JS:
Вариант 1:

let link = document.getElementsByClassName("block__link")[0];
link.onclick = e => e.stopPropagation();

Вариант 2:

<a href="#" class="block__link" onclick="event.stopPropagation()">Ссылка</a>