простейший скрипт, разворачивающий текст при клике на "Подробнее" [РЕШЕНО]

Главные вкладки

Аватар пользователя love love 15 ноября 2010 в 22:10

нужен простейший скрипт, разворачивающий текст при клике на "Подробнее".
Я уже голову сломала, Javascript нужен, но я не знаю его вообще, поиск выдает все, да не то, всякие усложнения. А такую простую штуку (аналог тега [more]нету! Подскажите, а то у меня уже мозг взорвался Sad

Комментарии

Аватар пользователя digital_sword digital_sword 15 ноября 2010 в 22:26

jquery. Вариантов масса.
Если нужна выдвижная панель - используете .slideToggle, если хотите через динамику CSS (display:none), то это animate, можно по-другому.

Вообще почитайте: http://anton.shevchuk.name/javascript/jquery-for-beginners/

Аватар пользователя love love 15 ноября 2010 в 22:44

Просто текст! Он очень большой... надо чтобы остался какой-то кусок (например, 1 абзац) и далее слово"подробнее" (или любое другое.) При клике на которое открывается тут же ниже все остальное. ну как [MORE][/MORE] на форумах. самый простой вариант какой?

Аватар пользователя love love 15 ноября 2010 в 23:30

Что-то странное... загрузила в модулес, в модулях отметила, вставляю в ноду текст из примера - и нифига - он так и отображается вот в таком виде:

This is some text.
[collapse]
Hi!
This is some more text.
[/collapse]

ЧТо я забыла или делаю неверно?

Аватар пользователя love love 15 ноября 2010 в 23:52

Модули - оба модуля выделены галкой
Настройки сайта - там по умолчанию вроде все включено.
Эффект тот же - нулевой Sad Или я дура, или лыжи неправильно едут Sad

Аватар пользователя MGMaster MGMaster 16 ноября 2010 в 8:22

Скрипт в Head

<script type="text/javascript">
$(document).ready(function(){
  $(".hideblock").hide();
  $(".hidetitle").toggle(function(){
  $(this).addClass("active");
}, function () {
  $(this).removeClass("active");
});

  $(".hidetitle").click(function()
  {
    $(this).next(".hideblock").slideToggle(500);
  });
 
});
</script>

  
Вставляем в ноду

<span class="hidetitle">Заголовок</span>
<div class="hideblock">Скрытый текст</div>

  
Ну, со стилями сами проэкспериментируйте.
Единственно, что вот этот параметр порекомендую, чтобы курсор при наведении менялся.

.hidetitle{
   cursor:pointer;
}
Аватар пользователя love love 16 ноября 2010 в 10:34

"xxandeadxx" wrote:
xxandeadxx

О. спасибо большое! Я просто ранее не сталкивалась с фильтрами и не вспомнила, что есть еще такая настройка. Благодарю. все заработало!

"MGMaster" wrote:
MGMaster
Вот отличный способ без модуля решить проблему, в след. раз так попробую. Спасибо!

Аватар пользователя love love 16 ноября 2010 в 13:43

Рано радовалась... На страницах обычных все заработало, а вот в каталоге Уберкарта (где описание разделов - это описание слов в словаре) - не работает ничерта Sad А нужно в первую очередь туда. Попыталась сделать вторым способом (вставить скрипт) - безрезультатно... Кто знает, как применить этот фильтр к описанию терминов в словаре?

Аватар пользователя love love 16 ноября 2010 в 14:00

Нашла решение.
Единственный способ. который сработал для описаний терминов словаря - вот этот.
автору респект и уважуха, всем помогающим не меньший респект.
(Я уж было отчаялась победить эту гадость в Уберкарте...)

Аватар пользователя MGMaster MGMaster 16 ноября 2010 в 16:04

"love" wrote:
Попыталась сделать вторым способом (вставить скрипт) - безрезультатно...

Я как раз в уберкарте этот способ использовал в описании терминов.

Аватар пользователя love love 16 ноября 2010 в 16:18

"MGMaster" wrote:
Я как раз в уберкарте этот способ использовал в описании терминов.

...магия? Smile
У меня не сработало.