jQuery hoverintent: преобразовать «при наведении» в «по щелчку»

#jquery #css #html #hoverintent

#jquery #css #HTML #hoverintent

Вопрос:

  1. Я использую плагин jQuery Hoverintent для расширения DIV.
  2. Теперь я хочу, чтобы это работало «по щелчку«, а не «при наведении»

Как мне это сделать? Я знаю, что это простой jQuery, но моих знаний не хватает. Буду признателен за любую помощь. Вот код:

 $(document).ready(function(){
    //Expand Div
    $("#expandbutton").click({
        over: ExpandDiv, 
        timeout: 100, 
        out: DoNothing
    });
}); 


function ExpandDiv(){  
    $("#expander").animate({"height":200},400, "easeOutSine");
    $("#expandbutton").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
}
  

Ответ №1:

Чтобы просто выполнить этот ExpandDiv метод по щелчку, вы можете использовать jQuery .click() следующим образом:

 $(document).ready(function(){
    //Expand Div
    $("#expandbutton").click(ExpandDiv);
}); 
  

Ответ №2:

Вызовите функцию непосредственно после передачи ваших параметров в click()

  $("#expandbutton").click({timeout: 100, out: DoNothing},
              ExpandDiv);
  

Комментарии:

1. Спасибо, ваш, извините, что Дэйв вас опередил 🙂