Подскажите как реализовать ?

Тема в разделе "Верстка", создана пользователем mikanewman, 12 янв 2012.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. mikanewman

    mikanewman Создатель

    Регистр.:
    18 авг 2011
    Сообщения:
    16
    Симпатии:
    1
    Подскажите как реализовать подобную вещь ?
    http://htmlbook.ru/content/
    то есть при нажатии на какой-нить объект(картинка, слово -неважно) необходимо, чтобы появлялся текст, который до этого был скрыт, ну и при повторном нажатии скрывался обратно
     
  2. Красавчег

    Красавчег Завсегдатай

    Регистр.:
    15 мар 2010
    Сообщения:
    902
    Симпатии:
    298
    Код:
    <span><a href="" onclick="
    obj=this.parentNode.childNodes[1].style;
    tmp=(obj.display!='block') ? 'block' : 'none';
    obj.display=tmp;
    return false;">Ссылка</a><div style='display: none'>
    Текст Текст Текст Текст Текст Текст Текст Текст </div></span>
     
    prof.seo нравится это.
  3. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    Код:
    <script type="text/javascript">
    function showDiv(div)
    {
    if (document.getElementById(div).style.display=="none")
    document.getElementById(div).style.display="block";
    else
    document.getElementById(div).style.display="none";
    }
    </script>
     
    <a href="javascript:showDiv('div19')"> Покажись/Закройся </a>
    <div id="div19" style="display: none;"> Здесь может быть что угодно!</div>
     
    -------------------------------ИЛИ--------------------------------------
     
    <a href="javascript:sh()">Покажись/Закройся</a>
    <div id="blabla" style="display:none">Скрытый текст</div>
     
    <script type="text/javascript">
    function sh() {
    obj = document.getElementById("blabla");
    if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }
    }
    </script>
     
    prof.seo и Saerty нравится это.
  4. JSilver

    JSilver Постоялец

    Регистр.:
    18 апр 2006
    Сообщения:
    107
    Симпатии:
    49