Форумы портала PHP.SU :: Версия для печати

1. toturvator - 07 Июля, 2007 - 12:54:48 - перейти к сообщению

Как сделать скрывающийся контекст? Типа:

Ссылка
Текст

Изначально Текст под ссылкой не виден.
Если нажать на Ссылка, то под ней появится Текст.
Еще раз нажать Ссылка, то Текст опять исчезнет.

Копаюсь в чужом коде, там используют теги <div>. А локально сделать тоже самое что-то не получается.
Пример: http://begun[dot]ru/faq/list.php?SECTION_ID=142

P.S. Хм кажется разобрался, но уж слишком замудрено, хотелось бы попроще вариант.

И еще для затравки. Вариант не динамичный:

Можно положить всё в контейнер
<div id="reklama">...здесь то, что прячешь....</div>
А в css прописываешь
#reklama{display:none;}

Говорят работает, не проверял. Мне интересен динамичный вариант.

2. valenok - 07 Июля, 2007 - 12:57:29 - перейти к сообщению

Цитата:

И еще для затравки. Вариант не динамичный:

<div id="reklama">...здесь то, что прячешь....</div>
#reklama{display:none;}

Говорят работает, не проверял. Мне интересен динамичный вариант.

Работает.
Остаётся только сделать динамическим при помощи JavaScript
Вы делаете, мы помогаем.

3. evgenijj - 07 Июля, 2007 - 12:59:08 - перейти к сообщению

http://forum.php.su/topic.php?fo...m=40&topic=8

Да, и главное
http://htmlbook[dot]ru/css/display[dot]html

4. toturvator - 07 Июля, 2007 - 15:32:42 - перейти к сообщению

Работает!

Осталось только сделать что бы страничка не прыгала. И сделать визуальный контекст.

5. valenok - 07 Июля, 2007 - 16:05:53 - перейти к сообщению

#reklama{display:none; position absolute; overflow:hidden;}

6. toturvator - 07 Июля, 2007 - 17:25:48 - перейти к сообщению

Уважаемые!
evgenijj и valenok принимайте работу на моем сайте (смотрите блоки рекламы). ;) В функцию Евгения добавил параметр на блок div. Так универсальнее. Да и еще один момент. После вызова функции showHide() добавил оператор "return false" - спер с Бегуна, у них так написано.

Примеры:

Функция

function showHide(DivL)
{
if (document.getElementById(DivL).style.display == 'block' )
document.getElementById(DivL).style.display = 'none';
else
document.getElementById(DivL).style.display = 'block';
}

Вызов

<a class="blok" onclick="showHide('DivMLinks'); return false;" href="">»</a>

7. evgenijj - 07 Июля, 2007 - 17:34:38 - перейти к сообщению

Все хорошо, есть только одно НО

PHP:
скопировать код в буфер обмена

 
<div id="DivMLinks" style="display:none">       
    <a class="blok">
        <li class="MLI MLIf"><a href="http://genweb.ru/">раскруток продвижение сайтов</a></li>
        <li class="MLI"><a href="http://www.maximuscc.com.ua/">евроремонтом</a></li>
        <li class="MLI"><a href="http://www.azazellostyle.ru/">классное постельное белье</a></li>
        <li class="MLI"><a href="http://www.elite-replica.ru/">ювелирные украшения tiffany co</a></li>
        <li class="MLI"><a href="http://www.moscow-gruzchik.ru/">квартирный переезд, грузчики выходные</a></li>
        <li class="MLI"><a href="http://www.batavia.ru/">авиабилеты израиль</a></li>
        <li class="MLI"><a href="http://www.agentavia.ru/">авиабилетам</a></li>
        <li class="MLI"><a href="http://www.leader-comp.ru/">настройка компьютеров</a></li>
        <li class="MLI MLIl"><a href="http://www.directvision.ru/">разработка wap сайтов</a></li>
    </a>
</div>
 

Зачем здесь элемент < a class="blok"> ?