|
|
|
|
|
САБЖ. Как сделать скрывающийся текст в ВП? Аля крестик нажал, раскрылся/минус - закрылся.
Так же вопрос - как сделать ссылку с одной страницы (допустим по ключу) на определённое место другой страницы.
Заранее спасибо! |
|
|
|
|
|
| уточнение - для ВП нужно. |
|
|
|
|
|
ссылка делается через анкор, вот так:
<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;
}
|
|
|
|
|
|
|
| Yabuti - что то расскрывающиеся в ВП не пашет вообще. Какие ещё варианты есть?? |
|
|
|
|
|
|
|
|
