jquery - jQuery的CSS定位问题

Question

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

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

整个事情需要固定在右侧的浏览器窗口中。

任何帮助，将不胜感激。

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

Answer 1

只要确保您也在为“按钮”（由 an 定义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"});
    });
});

希望以任何方式有所帮助！