Борьба для решения этой проблемы с распадом/расширением jQuery

Question

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

Answer 1

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

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

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

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

Answer 2

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

Answer 3

plugin used on that page добавляет элемент ссылки и обрабатывает обработчик события в div, помеченные классом «больше блоков». Вам нужно будет изменить плагин. Вам нужно будет изменить его, чтобы «связать» текст заголовка (т. Е. Найти «h2» элементы в соответствующих div, в этом exmaple, и добавить «щелчок» hander - чтобы упростить стиль, вы можете захотеть изменить содержимое на элемент ссылки или кнопки) и добавьте обработчики кликов для новых добавленных вами ссылок.