Кнопка Jquery срабатывает при любом событии клика на всей странице

Question

Это, наверное, очень простой вопрос.

вот мой код.

$( document.body ).click(function () {
  if ( $( ".more" ).first().is( ":hidden" ) ) {
    $( ".compleatelist" ).slideDown( 6000 );
  } else {
    $( ".compleatelist" ).hide();
  }
});

• Я пытаюсь создать кнопку «читать дальше», которая выдвигается вниз для отображения дополнительной информации.
• Класс кнопки называется more.
• класс скрытого текста называется completeatelist.

Однако кнопка срабатывает, когда я нажимаю на ЛЮБОЕ событие щелчка на всей странице, а не на кнопку «.more»?

Что такое Я здесь скучаю?

Answer 1

$( document.body ).click() <-- This means you are firing click on all clicks on the document body

Возможно, вы захотите

$(".more").click(function(e){
    // $(this)  <-- this is the element you just clicked on
});

Это вызовет событие, только если щелкнуть элемент, содержащий класс more.