15 ноября 2010 в 22:10
нужен простейший скрипт, разворачивающий текст при клике на "Подробнее".
Я уже голову сломала, Javascript нужен, но я не знаю его вообще, поиск выдает все, да не то, всякие усложнения. А такую простую штуку (аналог тега [more]нету! Подскажите, а то у меня уже мозг взорвался 
Комментарии
jquery. Вариантов масса.
Если нужна выдвижная панель - используете .slideToggle, если хотите через динамику CSS (display:none), то это animate, можно по-другому.
Вообще почитайте: http://anton.shevchuk.name/javascript/jquery-for-beginners/
разворачивать тизер или произвольный участок текста взятый в определённый тег?
Просто текст! Он очень большой... надо чтобы остался какой-то кусок (например, 1 абзац) и далее слово"подробнее" (или любое другое.) При клике на которое открывается тут же ниже все остальное. ну как [MORE][/MORE] на форумах. самый простой вариант какой?
http://drupal.org/project/collapse_text
http://drupal.org/project/ccfilter
Что-то странное... загрузила в модулес, в модулях отметила, вставляю в ноду текст из примера - и нифига - он так и отображается вот в таком виде:
This is some text.
[collapse]
Hi!
This is some more text.
[/collapse]
ЧТо я забыла или делаю неверно?
включить фильтр в формате ввода
хм... там его нет... только стандартные филтред/фулл html и PHP
это форматы ввода, зайдите в настройки и включите фильтр
Модули - оба модуля выделены галкой
Или я дура, или лыжи неправильно едут 
Настройки сайта - там по умолчанию вроде все включено.
Эффект тот же - нулевой
Управление › Настройка сайта › Форматы ввода › настроить › Фильтры
Скрипт в Head
$(document).ready(function(){
$(".hideblock").hide();
$(".hidetitle").toggle(function(){
$(this).addClass("active");
}, function () {
$(this).removeClass("active");
});
$(".hidetitle").click(function()
{
$(this).next(".hideblock").slideToggle(500);
});
});
</script>
Вставляем в ноду
<div class="hideblock">Скрытый текст</div>
Ну, со стилями сами проэкспериментируйте.
Единственно, что вот этот параметр порекомендую, чтобы курсор при наведении менялся.
cursor:pointer;
}
О. спасибо большое! Я просто ранее не сталкивалась с фильтрами и не вспомнила, что есть еще такая настройка. Благодарю. все заработало! Вот отличный способ без модуля решить проблему, в след. раз так попробую. Спасибо!
Рано радовалась... На страницах обычных все заработало, а вот в каталоге Уберкарта (где описание разделов - это описание слов в словаре) - не работает ничерта
А нужно в первую очередь туда. Попыталась сделать вторым способом (вставить скрипт) - безрезультатно... Кто знает, как применить этот фильтр к описанию терминов в словаре?
Нашла решение.
Единственный способ. который сработал для описаний терминов словаря - вот этот.
автору респект и уважуха, всем помогающим не меньший респект.
(Я уж было отчаялась победить эту гадость в Уберкарте...)
Я как раз в уберкарте этот способ использовал в описании терминов.
...магия?
У меня не сработало.