0

嗨,在我的 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 );

所以简而言之,我希望每次点击或切换时都会发生两次。在第一次单击时,我希望单击事件切换或隐藏标题栏,并且还可以将“body”边距顶部收缩 -40px,在第二次单击时,我希望它显示标题栏并展开“ body" 上边距 40px;

您可以通过访问我的网站http://www.wpinsite.com查看我正在尝试实现的示例。 在页面顶部,您将看到一个黄色标题栏。在页面加载时,我有一个 jQuery 将 body 标记扩展 40px。当您单击切换箭头时,它会隐藏标题栏,但不会与边缘顶部接触 -40 像素。

我希望这是有道理的。任何帮助将不胜感激。

4

1 回答 1

1

img像这样向你的标签添加一个 id 或类:

<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 );
});
于 2011-07-26T23:52:49.697 回答