1

我已经在这几天了，所以任何帮助将不胜感激。我有一个链接，其中包含两个相互重叠的 div。顶部 div 被隐藏，但在 上滑入以部分覆盖底部 div mouseenter，然后在 上再次滑出mouseleave。它在一定程度上工作，但有点错误。这就是我为 jQuery 所拥有的（我从演示和文档中拼凑而成）：

$(document).ready(function(){
    $(".toggle").bind("mouseenter",function(){
        $("> :eq(0)", this).show("slide", { direction: "down" });
    }).bind("mouseleave",function(){
        $("> :eq(0)", this).hide("slide", { direction: "down" });
    });
});

这是页面结构（这是一个wordpress页面）

<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
  <a href="<?php the_permalink(); ?>" class="toggle">
    <div id="slide" class="post-info" style="display: none;">
      <h1><?php the_title(); ?></h1>
      <ul>
        <li>more info here</li>
        <li>more info here</li>
      </ul>
    </div>
    <div class="post-image">
      <img src="<?php post_image('', false, false); ?>" width="275" height="155" />
    </div>  
  </a>
</div>
4

3 回答 3

2

尝试这样的事情。

$(document).ready(function(){
    $(".toggle").bind("mouseenter",function(){
        $("#slide").slideDown("slow");
        $("#post-image").slideUP("slow");
    }).bind("mouseleave",function(){
        $("#slide").slideUP("slow");
        $("#post-image").slideDown("slow");});
    });
});
于 2009-01-23T02:42:47.667 回答
0

谢谢伯克，但顶部 div 滑入以部分覆盖底部 div，所以我不需要它滑出。不过，我会尝试您的语法，看看是否有任何改进。

- 编辑 -

发挥了魅力。再次感谢。

于 2009-01-23T02:51:37.540 回答
0

您可能还想看看 jquery 的手风琴插件

于 2009-06-18T18:43:16.250 回答