Javascript jQuery页边距不工作

我正在尝试设置一个div的动画，使其基本上向左滑动并移出视图，但它根本不起作用，我不知道为什么。我在下面添加了代码，当然，我还包括了jQuery脚本

HTML

JS

---

.closeContent为空，除非添加一些文本或提供div的宽度和高度，否则无法单击。

HTML第36行中可能存在的重复内容您有一个；应该在那里。。您将在控制台中看到该错误。删除它，它可能会工作。这个代码实际上为我工作。。。我只需要在中添加一些文本就可以点击。添加文本无助于测试。你可以发布.main内容的CSS吗？它实际上是可点击的，因为当我这样做时。隐藏而不是动画，它会隐藏它。你在哪里做。隐藏。我只是在更改。动画{左边距：'-=255px'}；使用.hideyou不能单击可见的元素，我建议您可以将不透明度设置为0。您可以发布隐藏代码，这将有助于调试。

<div class="site-main" id="main">

<div class="main-content" id="main-content">
    <div class="closeContent"><i class="fa fa-times"></i></div>
    <div class="content-area" id="primary">

        <article class="post-22 page type-page status-publish hentry" id="post-22">

           <div class="innerRightCol">
               <h2>Text</h2>
           </div>

        </article><!-- #post-## -->
    </div><!-- #primary -->
</div><!-- #main-content -->

</div>

.site-main {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    margin-left: 255px;
    position: relative;
    top: 0;
    width: 560px;
}

$(document).ready(function() {
    $(".closeContent").click(function (){
        $(".main-content").animate({"margin-left": '-=255px'});
    });
});