多手风琴帮助（CSS问题可能？）

Question

所以，我一直在试图为这个网站开发这个多手风琴新闻部分。 这实际上是所有工作，由于一个有洞察力的插件。我已经修改了一点，所以它可以按照我的要求工作，但我遇到了两个问题，一个可能是CSS。

问题＃1：

用户的想法是，当他们浏览这个页面，他们看到所有最近的头条新闻。他们还可以查看发布者的人数以及对本文进行了多少评论。如果他们愿意，他们可以点击标题，字段将扩展到文章中。然后，他们可以通过点击查看评论链接或点击“发布者...”区域（基本上是评论的快捷方式）中的“评论数量”链接发表评论或查看评论。

我遇到的问题是如果我让AUTHOR或“0”评论一个链接，它会打破手风琴，因为手风琴使用A CLASS来打开它。我正在寻找修补程序，我尝试将它设置为H1或DIV，但这也打破了它。

问题2：

这是一个非常挑剔的一个，但是当你点击它扩展的标题，但至少在Firefox（没有在Chrome测试它尚未）的文本从右侧跳和到左边，锁定在哪里CSS告诉它（填充左）。我不知道为什么它正在这样做，如果任何人有任何的洞察力，这将不胜感激。

这个问题的另一个问题是当您打开文章的标题然后决定通过点击标题关闭文章时，在任务完成之前，手风琴的部分从较暗的紫色跳到浅紫色完了。我也有兴趣解决这个问题，但这个问题的整体都是很挑剔的东西。

您可以查看该网站在这里的演示： http://www.notedls.com/demo

请如果任何人有任何意见或修正，我会很感激的，我一直试图让这一切工作，尽我的能力，但我显然没有大师或专家。谢谢！

Answer 1

对于问题＃2，我认为如果您将宽度设置为该div，则不会继续进行扫描。现在，您只需设置一个没有宽度的显示屏：块，并随着手风琴打开并推过缩略图而展开。你也有padding-left：65px设置为该div，它将开始填充到拇指的左侧，但当它展开时，它将从该块的最左侧设置填充。你可以设定一个长的底部边缘到你的拇指，或者只是删除该填充并允许文本包裹它。

问题＃1我真的没有看到它“打破”手风琴的问题。当我点击评论链接时，它只是扩展它，因为我期望它..