jquery - jQuery 的 CSS 定位问题

Question

只是想请您帮助解决 CSS 定位问题。这是代码笔上代码的链接... http://codepen.io/anon/pen/FKdLq

当您点击“最新消息”时，文本会滑入和滑出，但实际按钮本身保持静止。我想要的是“最新消息”按钮在单击时随文本滑动但无法弄清楚:|

整个东西需要固定在右边的浏览器窗口。

如有任何帮助，我们将不胜感激。

附言我对 jQuery 非常陌生，我的 jQuery 代码“干净”吗？ ;)

Answer 1

只需确保您也在为“按钮”(我相信由 h2 定义)设置动画。它可以在您的函数中被 this 引用，因为它是被点击的内容。这是你的 JS 的固定版本:

$(function() {
    $("aside h2").toggle(function(){
            $('.box').animate({ right:"-350"});
            $(this).animate({right:"0"});
        },function(){
            $('.box').animate({ right:"-5"});
            $(this).animate({right:"271"});
    });
});

希望对您有所帮助!