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