Изо всех сил, чтобы решить эту проблему JQuery Div коллапс / развернуть

Question

Я использую этот пример в качестве основы http://simon.tpdserver2.co.uk/jquery/divgrowdemo.htm, Я пытаюсь изменить его так, чтобы вместо этого плагин jQuery генерировал HTML-a-href, который позволяет пользователю переключать развертывание / свертывание Если это в виде ссылок «+ Показать больше» и «- Показать меньше»), я могу использовать ссылку, которая находится внутри самого Div. Так, в качестве примера, у каждого из div'ов есть «Michael Jordan» в качестве заголовка, я хотел бы сделать этот активируемый элемент, который переключает развертывание и свертывание. Как бы я поступил так?

Answer 1

Во-первых, пожалуйста, увеличьте вашу скорость приема. Это слишком низко.

Во-вторых, вы можете проверить эту ссылку: http://jsfiddle.net/sYwER/5/

Я закодировал это так, как вы хотите. Если у вас есть какие-либо вопросы, опубликуйте их.

Надеюсь, это поможет! Ура:)

Answer 2

Плагин , используемый на этой странице , добавляет элемент ссылки и обработчик события click к элементам div, отмеченным классом more-block.Вы должны будете изменить плагин.Вам нужно изменить его так, чтобы он «связывал» текст заголовка (т. Е. Найдите элементы «h2» в соответствующих элементах div, в этом примере, и добавили «щелчок») - чтобы упростить стилизацию, вы можете захотеть изменить содержимоек ссылке или элементу кнопки) и добавьте обработчики щелчков для новых добавленных ссылок.

Answer 3

Вам нужно будет изменить код так, чтобы вместо вставки новых тегов он добавлялся вокруг заголовка.Потому что это чужой сценарий, и он не был создан для того, что вы хотите сделать.Я бы посоветовал просто воссоздать вещь самому себе и приблизить ее к основам.Сначала измените высоту до некоторой фиксированной высоты и добавьте ... в конце.Затем добавьте в заголовок событие onclick, которое удаляет фиксированную высоту, и ... Затем, после того, как вы найдете это руководство по выполнению эффекта скольжения.