有关设置滑动div按钮和大小的问题

Question

请您查看this demo并告诉我如何将.clickme框与.slidecontent区分开来？我需要更改.slidecontent for example to高度的高度：300px;`但这也会将灰色阴影更改为300px

我需要的是.slidecontent高度为300，看起来像第三个（绿色箭头）

＆＃13;

＆＃13;

$(function () {
    $("#clickme").toggle(function () {
        $(this).parent().animate({left:'0px'}, {queue: false, duration: 500});
    }, function () {
        $(this).parent().animate({left:'-280px'}, {queue: false, duration: 500});
    });
});

＆＃13;

#slideout {
    background: #666;
    position: absolute;
    width: 300px;
    height: 300px;
    top: 45%;
    left:-280px;
}
    
#clickme {
    float: right;
    height: 20px;
    width: 20px;
    background: #ff0000;
}

#slidecontent {
    float:left;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="slideout">
    <div id="slidecontent">
        Yar, there be dragonns herre!
    </div>
    <div id="clickme">
         >
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我不是100％确定我理解你要做的是什么，但你的jQuery代码是指clickme的父slideout，而不是slidecontent，很可能是这会导致不良后果。你有没有直接引用slidecontent的原因？