Многопользовательская помощь (возможно, проблема с CSS)

Question

Итак, я пытаюсь разработать этот раздел новостей для нескольких аккордеон для этого сайта. На самом деле все работает, благодаря проницательному плагину. Я немного изменил его, так что он работает так, как я этого хочу, но я столкнулся с двумя проблемами: возможно, с CSS.

Выпуск № 1:

Идея для пользователя является то, что при просмотре этой страницы, они видят все последние заголовки. Они также могут видеть, кто был опубликован и сколько комментариев было сделано в этой статье. Если они этого захотят, они могут нажать на заголовок, и поле будет расширено в статье. Затем они могут либо сделать комментарий, либо просмотреть комментарии, нажав ссылку «Просмотреть комментарии» или щелкнув ссылку «количество комментариев» в области «Отправлено ...» (ярлык для комментариев в основном).

Проблема, с которой я столкнулся, заключается в том, что я делаю АВТОР или «0» комментариями, это нарушает гармонию, потому что аккордеон использует КЛАСС, чтобы открыть его. Я ищу исправление, я пробовал сделать его H1 или DIV, но это также нарушает его.

Выпуск № 2:

Это довольно разборчивы один, но при нажатии на заголовок он расширяется, но, по крайней мере, в Firefox (не проверял в Chrome пока) текст перескакивает с правой и влево, блокировка на месте, из которой CSS указывает (padding-left). Я не знаю, почему это происходит именно так, если кто-то знает об этом, это было бы оценено.

Два аспекта этой проблемы - это когда вы открываете заголовок статьи, а затем решаете закрыть статью, нажав на заголовок, части аккордеона прыгают от более темного фиолетового до светло-фиолетового до того, как задача законченный. Я также заинтересован в том, чтобы это исправить, но эта проблема в целом - все это довольно придирчивые вещи.

Вы можете просмотреть демо сайта здесь: http://www.notedls.com/demo

Пожалуйста, если у кого есть какие-либо советы или исправления, я ценю это, я пытался получить все это работать в меру мои способности, но я, очевидно, не гуру или эксперт. Благодаря!

Answer 1

Для вопроса №2 Я думаю, что если вы установите ширину этого div, то он не будет продолжать растаскивать. Теперь вы просто устанавливаете дисплей: блок без ширины и расширяется, когда аккордеон открывается и проталкивается мимо миниатюры. У вас также есть padding-left: 65px, установленный для этого div, и он начинает заполнение слева от большого пальца, но по мере его расширения он устанавливает это дополнение из левого края этого блока. Вы можете установить длинное нижнее поле на большой палец или просто удалить это дополнение и позволить тексту обтекать его.

выпуск № 1 Я действительно не вижу проблемы с этим "нарушением" аккордеона. Когда я нажимаю ссылку на комментарии, она просто расширяет ее, как я ожидал бы этого.