Форум Сайтостроение Веб-строительство

Как скрыть текст?

Иван Хмелинин
На сайте с 04.06.2008
Offline
96
Иван Хмелинин
367

Здравствуйте!

http://finance-dvd.ru/faq

Нажав на "«Почему вы ЭТО продаете, если это так прибыльно?»"

открывается скрытый текст

Как такое технически реализуется? Кто-нибудь может подсказать?

Был бы крайне признателен. Заранее спасибо!

Изготовление контентных сателлитов на Wordpress - icq 770-25-77
PyMbIH
На сайте с 22.11.2009
Offline
76
PyMbIH
#1 




<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

<style type="text/css">

#panel {

    background: #0099FF;

    color: #FFFFFF;

    height: 200px;

    width: 400px;

    padding: 5px;    

    display: none;

}

.btn-slide {

    background: #CCCCCC;

    color: #0066FF;

}

.active {

    background: #FFFF99;

}

</style>

</head>



<body>

<a href="" class="btn-slide">Нажми на меня!</a>



<script type="text/javascript">

$(document).ready(function(){

    $(".btn-slide").click(function(){

        $("#panel").slideToggle("slow");

        $(this).toggleClass("active"); return false;

    });

});

</script>



<div id="panel">

Lorem ipsum dolor sit amet, 

consectetuer adipiscing elit, sed diam 

nonummy nibh euismod tincidunt ut  

laoreet dolore magna aliquam erat 

volutpat. Ut wisi enim ad minim veniam, 

quis nostrud exerci tation ullamcorper 

suscipit lobortis nisl ut aliquip ex ea 

commodo consequat. Duis autem vel eum 

iriure dolor in hendrerit in vulputate 

velit esse molestie consequat, vel 

illum dolore eu feugiat nulla facilisis 

at vero eros et accumsan et iusto odio 

dignissim qui blandit praesent luptatum 

zzril delenit augue duis dolore te 

feugait nulla facilisi.

</div>



</body>

</html>
Nunan
На сайте с 15.08.2008
Offline
78
Nunan
#2

Там сделано на jquery.

Если вам нужен самый простой пример открытия (без закрытия) текста:

<span onclick="document.getElementById('block1').style.display='block'">Нажми тут чтобы раскрыть</span>
<div id='block1' style='display:none;'>
скрытый текст
</div>
https://maker.su/

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий