jquery событе раскрывания текста

okunev2 · October 1, 2010

Ребят, подскажите может кто сталкивался. Есть блок с текстом, к примеру вывести в нем первые 3 строки текста, а при клике по ссылке снизу чтобы блок разъезжался вниз и было видно весь текст, при повторном клике чтобы обратно все сворачивалось?

Есть такой пример, но он скрывает сразу весь текст, а нужно показать какое-то скрытое количество текста из всего скрытого

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Раскрытие и скрытие div с помощью jquery</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<script>
function facechange (objName) {
  if ( $(objName).css('display') == 'none' ) {
	$(objName).animate({height: 'show'}, 400);
  } else {
	$(objName).animate({height: 'hide'}, 200);
  }
}
</script>
</head>
<body>
<div id="divId" style="display: none;">
Текст в скрытом слое <br>
Текст в скрытом слое <br>
Текст в скрытом слое <br>
Текст в скрытом слое <br>
</div>
<a href="#" onclick="facechange('#divId'); return false">Открыть/Закрыть</a>
</body>
</html>

Edited October 1, 2010 by okunev2

stars · October 1, 2010

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Раскрытие и скрытие div с помощью jquery</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div id="divId" style="display: none;">
Текст в скрытом слое <br>
Текст в скрытом слое <br>
Текст в скрытом слое <br>
Текст в скрытом слое <br>
</div>
<a href="#" onclick='$("div#divId").toggle();  return false;'>Открыть/Закрыть</a>
</body>
</html>

Есть такой пример, но он скрывает сразу весь текст, а нужно показать какое-то скрытое количество текста из всего скрытого

Блин все походу вырубаюсь пропустил самое главное )) Что значит какое-то количество? рандомное количество символов? по строчно? или как то еще? Если построчно то проще оборачивать строки в <p> и уже открывать их по одному... Или можно придумать крутой скрипт который будет производить поиск в контенте который в нутри дива искать позицию дописывать туда опять таки <p> в конец ставить </p> затем открывать див при этом прятать <p>

Можно задачу конкретней?

Edited October 1, 2010 by stars

Lexin · March 9, 2011

Ребят, подскажите может кто сталкивался. Есть блок с текстом, к примеру вывести в нем первые 3 строки текста, а при клике по ссылке снизу чтобы блок разъезжался вниз и было видно весь текст, при повторном клике чтобы обратно все сворачивалось?
Есть такой пример, но он скрывает сразу весь текст, а нужно показать какое-то скрытое количество текста из всего скрытого
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Раскрытие и скрытие div с помощью jquery</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<script>
function facechange (objName) {
  if ( $(objName).css('display') == 'none' ) {
	$(objName).animate({height: 'show'}, 400);
  } else {
	$(objName).animate({height: 'hide'}, 200);
  }
}
</script>
</head>
<body>
<div id="divId" style="display: none;">
Текст в скрытом слое <br>
Текст в скрытом слое <br>
Текст в скрытом слое <br>
Текст в скрытом слое <br>
</div>
<a href="#" onclick="facechange('#divId'); return false">Открыть/Закрыть</a>
</body>
</html>

А нельзя ли использовать что-то вроде функции аккордеона?

Мне бы не помешала такая функция.

Т.к. я использую несколько ссылок и блоков которые скрываются и раскрываются.

Присваиваю им id="divId1", id="divId2", id="divId3",..., id="divIdn"

И нужно чтобы при открытия втрого блока скрывался первый и т.п.

А как такое осуществить?

wildhind · March 9, 2011

Покажите пример, макет, хоть что-нибудь, чтобы было понятно, как это должно выглядеть.

Если всем блокам, участвующим в скрытии, присвоить один класс, то можно так:

$('.blcockstohide').slideUp();
$('#divld1').slideDown();

mary · June 1, 2011

Новый вопрос - новая тема

Edited June 1, 2011 by Great Rash

Sign In

jquery событе раскрывания текста

Question

okunev2

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

stars

Link to comment

Share on other sites

Lexin

Link to comment

Share on other sites

wildhind

Link to comment

Share on other sites

mary

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information