jQuery: Как я могу вызвать .slideToggle () для ссылок? - PullRequest
Новая
       11

jQuery: Как я могу вызвать .slideToggle () для ссылок?

0 голосов
/ 27 октября 2009

Как выполнить эффект jQuery 'slidetoggle', используя гиперссылку вместо кнопки ввода в качестве элемента действия?

По ссылке jQuery Страница

Это только пример использования кнопки ввода формы.

Мне бы хотелось, чтобы вместо кнопки была гиперссылка, которая будет переключаемым кликабельным действием.

Ответы [ 3 ]

1 голос
/ 27 октября 2009

Если у вас есть такая ссылка: 

<a id="toggleLink" href="#">CLICK ME!</a>

Просто используйте следующую функцию, чтобы сдвинуть переключатель div 

 $("#toggleLink").click(function () {
      $("#myDiv").slideToggle("slow");
    });
1 голос
/ 27 октября 2009

В дополнение к другим ответам, если ваша гиперссылка имеет атрибут href (что и должно быть, поэтому он будет отображаться как ссылка), вы можете захотеть нейтрализовать его, возвращая false в свой обработчик событий ( если вы этого не сделаете, при нажатии на ссылку страница будет прокручиваться вверх: 

$('a').click(function(){
    $('p').slideToggle();
    return false;
});

Кроме этого, не должно быть никакой разницы между кнопкой и гиперссылкой. Пока вы читаете документацию, вам следует начать с селекторов jQuery .

1 голос
/ 27 октября 2009 
$("#anch").click(function () {
      $("#para1").slideToggle("slow");
    });



<a id='anch'>Toggle</a>
  <p id='para1'>
    This is the paragraph to end all paragraphs.  You
    should feel <em>lucky</em> to have seen such a paragraph in
    your life.  Congratulations!
  </p>
...