0
嗯，我已经接近48小时了，现在正试图为明天下午需要启动并运行的某个人完成一个站点。我比我能在这里肯定地咀嚼他们所要求的东西，以及我能用我现在得到的技能（我得到的东西我学会了什么）做什么。如何滑动div，同时滑动一个关闭，你点击？
让我们来看看，如果我可以这样解释：
有在屏幕上两个横幅广告图片，每个有更多的内容暴露。
如果用户点击横幅，它应该向上滑动以关闭。它下面的框向下滑动打开更多内容。
如果另一个横幅被点击，它会经历相同的过程，但已经打开的横幅应该滑动关闭，并且原始横幅滑动打开，使其恢复到原始状态。
到目前为止，我所得到的只是一个点击，如果点击它，就会打开横幅下面的框。如果另一个横幅被点击，则会关闭并显示横幅信息。
不知道问我猜，但认为我会问现在，而进一步因为上帝知道我会卡住。
$(function() {
$('.pp-post-item').on('click', function() {
let postFullId = jQuery(this).attr('id');
let postNumId = postFullId.slice(13);
$('.pp-post-container').not('.element-invisible').addClass('element-invisible');
$('#pp-post-container-' + postNumId).removeClass('element-invisible');
});
});.pp-post {
color: #ffffff;
background-color: #3f3f3f;
margin: 0px;
padding: 0px;
max-width: 100%;
position: relative;
}
.pp-post-item {
position: relative;
width: 100%;
}
.pp-post-container {
overflow: hidden;
}
/* initially hide divs on page load */
.element-invisible {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="pp-post-1" class="pp-post">
<div id="pp-post-item-1" class="pp-post-item">
...
</div>
</div>
<div id="pp-post-container-1" class="pp-post-container element-invisible">
...
</div>
<div id="pp-post-2" class="pp-post">
<div id="pp-post-item-2" class="pp-post-item">
...
</div>
</div>
<div id="pp-post-container-2" class="pp-post-container element-invisible">
...
</div>
横幅广告是如何定位？两个横幅是水平对齐的？ – SilentCoder
他们是全宽，垂直排列。如果我添加和删除这些类将所有我需要的是CSS转换？ tyring，但不为我工作。 – gcollins
那么我可以得到它与转换sorta，但我必须明确设置一个高度。问题是我不知道这些内容有多大。 – gcollins