Мульти-аккордеонная помощь (возможно, проблема с CSS) - PullRequest
0 голосов
/ 04 апреля 2010

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

Выпуск № 1:

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

Проблема, с которой я сталкиваюсь, заключается в том, что если я сделаю ссылку AUTHOR или «0» комментарием, это нарушит аккордеон, потому что аккордеон использует A CLASS, чтобы открыть его. Я ищу исправление, я пытался сделать это H1 или DIV, но это также сломало его.

Выпуск № 2:

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

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

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

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

1 Ответ

0 голосов
/ 04 апреля 2010

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

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

...