Javascript jQuery与覆盖一致

我用手风琴演奏旧的博客文章。如果你使用一个标签，下面的部分会向下或跳跃，但我希望标签覆盖下面的行。 我尝试了一些解决方案来处理z索引和固定位置，但没有任何效果。 以下是我的代码片段：

jQuery(document).ready(function() {
    function close_accordion_section() {
        jQuery('.accordion .accordion-section-title').removeClass('active');
        jQuery('.accordion .accordion-section-content').slideUp(300).removeClass('open');
    }

    jQuery('.accordion-section-title').click(function(e) {
        // Grab current anchor value
        var currentAttrValue = jQuery(this).attr('href');

        if(jQuery(e.target).is('.active')) {
            close_accordion_section();
        }else {
            close_accordion_section();

            // Add active class to section title
            jQuery(this).addClass('active');
            // Open up the hidden content panel
            jQuery('.accordion ' + currentAttrValue).slideDown(300).addClass('open'); 
        }

        e.preventDefault();
    });
});

。手风琴节：最后一个孩子。手风琴节标题{
边框底部：无；
}
/*-----章节内容-----*/
.手风琴节内容{
填充：15px；
显示：无；
}
.手风琴节内容{
背景色：#faf5f2；
}
.终端头{
位置：绝对位置；
左：15px；
右：15px；
底部：45px；
文本对齐：居中；
背景：rgba（99,98,96,0.7）；
}
.终端头>h2{
颜色：白色；
}
#第一映像{
位置：相对位置；
背景：无重复50%/100%；
边框底部：2倍实心#000；
}
.firstimage>img{
垂直对齐：顶部；
宽度：100%；/*最大宽度*/
不透明度：0；/*使其透明*/
}
.firstimage>div{
位置：绝对位置；
排名：0；
宽度：100%；
身高：100%；
}
.firstimage p{
填充：30px；
}
aktuelles先生的头衔{
颜色：白色；
字体大小：30px；
字体系列：“AracneCondensedRegular”；
文本对齐：居中；
边际：0px；
高度：100px；
}
aktuelles包装纸{
边缘顶部：50px；
}

这是第三条。Felix hat sich für套装3号entschieden！我是伊冯·马卡斯。你的工资是50欧元

Für welches服装公司是拉姆斯多夫公司的吗？

费利克斯·瓦尔·埃因弗斯坦·贝恩·德雷·维切登服装公司。你认为这是一种新的生活方式吗？脸谱网的最新消息——在格温南的一个新闻发布会上，我们看到了奥德西门和格温南的新闻报道。Das视频vom铸造findet Ihr和auf

这是一个很好的例子

祖姆07。Borkener Ostermarkt am Sonntag，第22洞。März 2015 ab 11.00 Uhr。这是一个13.00 Uhr bis 18.00 Uhr geöffnet的酒店

我们将为克莱恩和格罗尼昂模型和扎赫勒赖的公共事业提供支持，以刺激经济增长。

维特瑞·比尔德秀奥夫酒店

在19日上午，你将在第二次会议上发言。2015年马尔兹。你是谁，我是弗伦丁，你是我的朋友。这是一个很好的例子

韦尔奇·法本·辛德（Welche Farben sind）在迪塞·塞森·安格萨特（dieser Saison Angesag）？新趋势是什么

Wir zeigen Ihnen den Frühling auf Unseer独家时装秀

我是唐纳斯塔格，德国马克12号。玛尔兹2015 um 19.03 Uhr

在02861/92190号订单上被咬

info@mode-科豪斯德

我刚才做了一件事。 我知道在玩了一段时间之后，z指数帮我做到了。 您还可以在将文章放置在正确的位置后，将其设置为隐藏在css中，然后在jquery中进行切换

编辑：

$（文档）.ready（函数（）{
$（“图像”）。单击（函数（）{
$（“#articleText”）.toggle（）；
});
});
#图像{
背景颜色：绿色；
宽度：80px；
高度：80px；
}
#文章正文{
能见度：；
}

这代表一个图像
这是一篇文章
你有例子吗？如果我使用z-index，标签会覆盖所有元素，但“底部标签”会进一步跳跃。现在我想我很确定你不想使用z-index。用另一种方法试试，我会举个例子