Как добавить несколько событий в событие вызова jquery onclick - PullRequest
Новая
       24

Как добавить несколько событий в событие вызова jquery onclick

0 голосов
/ 27 июля 2011

Привет, в моем HTML-документе у меня есть вызов функции jQuery.Функция вызова jQuery заключается в переключении ползунка заголовка.

Это полная ссылка с вызовом jQuery: 

<img src="http://www.wpinsite.com/wp-content/themes/wpinsite/gfx/down.png" onclick="jQuery('#wpqn_down').slideUp(function(){jQuery('#wpqn').slideDown();});" alt="" />

Я также хочу добавить еще один вызов jQueryтакже, но я не уверен в части кода, чтобы поместить это.Это код, который я хочу добавить к вышеуказанному событию щелчка. 

$("body").animate({marginTop: "40px"}, 500 );

Итак, в двух словах, я бы хотел, чтобы при каждом щелчке или переключении происходили две вещи.При первом щелчке я бы хотел, чтобы событие click переключало или скрывало строку заголовка, а также сокращал отступ "body" на -40px, а при втором щелчке я хотел бы, чтобы оно отображало панель заголовка, а также расширяло "margin "top на 40px;

Пример того, чего я пытаюсь достичь, вы можете увидеть, посетив мой сайт http://www.wpinsite.com В верхней части страницы вы увидите желтую панель заголовка.На странице загрузки у меня есть фрагмент jQuery, который расширяет тег body на 40px.Когда вы нажимаете стрелку переключения, она скрывает панель заголовка, но не соприкасается с полем на -40px.

Надеюсь, это имеет смысл.Любая помощь будет принята с благодарностью.

1 Ответ

1 голос
/ 27 июля 2011

Добавьте идентификатор или класс к вашему тегу img следующим образом: 

<img class="downButton" src="http://www.wpinsite.com/wp-content/themes/wpinsite/gfx/down.png" alt="" />

Затем сделайте что-то подобное в jQuery: 

jQuery('img.downButton').click(function(){
  jQuery('#wpqn_down').slideUp(function(){
    jQuery('#wpqn').slideDown();
  });
  $("body").animate({marginTop: "40px"}, 500 );
});
...