АРМАДА
скрывающийся текст
Новая тема Написать ответ Advanced Hosters - профессиональный хостинг

SpoNsoR
Профессионал
Зарегистрирован: 28.10.2008
Сообщений: 934
Contest (Сумма: 1)
Обратиться по нику
# Добавлено:Сб Апр 21, 2012 3:08 pmДобавить в избранноеОтветить с цитатой
САБЖ. Как сделать скрывающийся текст в ВП? Аля крестик нажал, раскрылся/минус - закрылся.
Так же вопрос - как сделать ссылку с одной страницы (допустим по ключу) на определённое место другой страницы.

Заранее спасибо!
И ващеее жизнь штука интересная. r5

SpoNsoR
Профессионал
Зарегистрирован: 28.10.2008
Сообщений: 934
Contest (Сумма: 1)
Обратиться по нику
# Добавлено:Сб Апр 21, 2012 3:41 pmОтветить с цитатой
уточнение - для ВП нужно.
И ващеее жизнь штука интересная. r5

Yabuti
V.I.P.
Зарегистрирован: 28.11.2008
Сообщений: 16263
Contest (Сумма: 2)
Обратиться по нику
# Добавлено:Сб Апр 21, 2012 4:17 pmОтветить с цитатой
ссылка делается через анкор, вот так:

<a name=here>Сюда переходить</a>

а линк для перехода - <a href=page.html#here>

и он сразу на позицию нужную перейдет.

Раскрывающийся текст можно так:

Код:

<link rel="stylesheet" type="text/css" href="файл_стиля.css"/>

<div><a href="#">открыть</a></div>
<div class="blocks no-display" style="width: 100%">

тут содержимое

</div>

<script type="text/javascript">
// раскрытие блока при клике на ссылку
(function($) {
   $.fn.openCloseBlocks = function(blocks, options) {
      var defaults = {
         speed: 'normal'
      },
      opts       = $.extend(defaults, options),
        togglers    = $(this),
        bls       = $(blocks); if(!bls) return;
        
        togglers.each(function(index) {
           $(this).click(function(e) {
              e.preventDefault();          
              $(bls[index]).slideToggle(opts['speed']);
           });
        });
   };
})(jQuery);

$('div > a').openCloseBlocks($('div.blocks'), {
   speed: 'fast'
});

$('#toggler').dropDownBlock($('#drop-down-list'));
</script>



файл_стиля CSS:
Код:
body {
   background: #FFF;
   color: #000;
   padding: 0;
   font-family: Verdana;
   font-size: 10pt;
}
a, a:hover {

   color:#7D7D7D;                        /* Цвет бокового меню */
   font-weight:bold;
   font-size: 1em;
}
.no-display { display: none; }

.opened { font-weight: bold; }

.drop-down-block {
   padding: .3em;
   background: #FFF;
   border-top: 1px solid #EBEBEB;
   border-left: 1px solid #EBEBEB;
   border-right: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
}

Ксен ВПС и выделенные серверы от PQCService.net с бесплатным администрированием в 7 локациях, icq: 87244588
--

SpoNsoR
Профессионал
Зарегистрирован: 28.10.2008
Сообщений: 934
Contest (Сумма: 1)
Обратиться по нику
# Добавлено:Сб Апр 21, 2012 8:45 pmОтветить с цитатой
Yabuti - что то расскрывающиеся в ВП не пашет вообще. Какие ещё варианты есть??
И ващеее жизнь штука интересная. r5
Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ

Перейти:  





Генеральный спонсор



Партнеры