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"});
    });
});

希望对您有所帮助！