Функция jQuery toggle .click ()

Question

Я не уверен, нужен ли мне этот «обратный вызов» или нет, но в основном я пытаюсь эмулировать обращение функции, как в эффекте .hover (), с эффектом .click (). Возможно ли это? Таким образом, в основном, если пользователь снова щелкает ссылку, произойдет обратное тому, что только что произошло, то есть закрытие div вместо открытия. Возможно ли это сделать с помощью .click ()?

$(document).ready(function(){
    $('.content_accrd').css({"height":"0px"});
$('.paneltop').click( function() {
    $(this).css({"background-position":"0px -21px"})
    .siblings().animate({"height":"100px"}, 200)
}, function() {
$(this).css({"background-position":"0px 0px"})
    .siblings().animate({"height":"0px"}, 200);

})
})

Answer 1

Используйте .toggle(), а не .click().

Описание: Привязать два или более обработчиков к соответствующим элементам, которые будут выполняться поочередным щелчком.

Answer 2

попробуйте переключить

$(".paneltop").toggle(function(){
    //first click happened
},function(){
    //second click happened
});

Answer 3

Нет, действие щелчка всегда будет делать то же самое. Если вы хотите, чтобы он имел чередующиеся эффекты, вам придется проверить текущее состояние элемента и соответственно переключить его в новое состояние.

Это выглядит примерно так:

  $('#foo').click(function () {
    if ( $('#foo').is(':visible') ) {
      $('#foo').hide();
    } else {
      $('#foo').show();
    }
  });

В зависимости от эффекта, который вы пытаетесь достичь, это может быть любое изменение, которое вы хотите.