Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как сделать jQuery акардеон на полный текст? (https://javascript.ru/forum/jquery/35667-kak-sdelat-jquery-akardeon-na-polnyjj-tekst.html)

olehpdatu 18.02.2013 00:37

Как сделать jQuery акардеон на полный текст?
 
Здравствуйте.:help:
Подскажите пожалуйста как сделать jQuery акардеон на открытия просмотра полного текста? Пример ЗДЕСЬ
[IMG][/IMG]

ksa 18.02.2013 09:15

Цитата:

Сообщение от olehpdatu
как сделать jQuery акардеон на открытия просмотра полного текста?

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.box .action a {
	display: none;
}
.txt {
	overflow: hidden; 
}
.close .txt {
	height: 50px;
}
.open .txt {
	height: auto;
}
.close .action .open,
.open .action .close {
	display: inline;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('.action .open').click(function (){
		$(this).parents('.box').removeClass('close').addClass('open');
	});
	$('.action .close').click(function (){
		$(this).parents('.box').removeClass('open').addClass('close');
	});
});
</script>
</head>
<body>
<div class='box close'>
	<div class='txt'>
		<p>Для опытнейшего следователя прокуратуры Марии Швецовой каждый рабочий день - настоящее испытание на прочность. 
		Это связано с её нынешним начальником Николаем Филоновым. Отпетый карьерист продолжает "грузить" Марию работой, не 
		смотря ни на что. Старший сын Марии проходит обучение в Аннглии, Швецова собралась встречать его после очередного 
		учебного семестра в аэропорту. Однако Филонов потребовал от неё срочного выезда на место преступления. К счастью 
		на помощь приходит незаменимый Дмитрий Луганский, который вместо неё отправляется встречать Костика. Смотреть 
		криминальную драму «Тайны следствия» 12 сезон бесплатно в онлайн режиме вы можете в любое время у нас на сайте. 
		</p>
		<p>Мария отправляется на место преступления, где несколькими выстрелами был убит хозяин рынка. Филонов требует 
		побыстрее раскрыть это дело, так как начальство требует незамедлительных результатов. Бывший начальник Маши Виктор 
		Иванович Ковин просит Щвецову оказать помощь в раскрытии убийства его друга. Бывшего работника прокуратуры, а ныне 
		пенсионера убили у входа в сберкассу. При обследовании тела не обнаружили документов, ключей и ценных вещей. 
		С первого взгляда случившееся со стариком напоминает уличное ограбление, но позже выясняется, что заслуженному 
		работнику прокуратуры был нанесён всего один удар, после которого он скончался на месте. Швецову этот факт 
		наталкивает на мысль, что нападение было кем то спланировано заранее. Филонова раздражает Машина инициатива, 
		так как он в первую очередь заботится о показателях своего района, а данное преступление произошло на чужой 
		территории.
		</p>
	</div>
	<div class='action'>
		<a href='#' class='close'>Скрыть</a>
		<a href='#' class='open'>Показать все</a>
	</div>
</div>
</body>
</html>

рони 18.02.2013 09:32

olehpdatu,
если в тексте нет тегов можно попробоавать это jQuery plugin, обрезающий строки

olehpdatu 19.02.2013 01:07

Спасибо большое)

olehpdatu 22.02.2013 03:30

Можно как то сделать чтобы при количестве текста меньше 50px кнопка показать все исчезала? Есть такие случаи когда теста мало и кнопки не нужно но она есть)

ksa 22.02.2013 08:18

Цитата:

Сообщение от olehpdatu
Можно как то сделать чтобы при количестве текста меньше 50px кнопка показать все исчезала?

Можно. :yes:
Тебе поможет
http://jquery-docs.ru/css/height/

olehpdatu 07.03.2013 01:33

Смотрел на эту статью но так и нечего не понял

ksa 07.03.2013 08:55

Цитата:

Сообщение от olehpdatu
Смотрел на эту статью но так и нечего не понял

Это не совсем статья... Это описание метода с примерами.
Нужно просто воспользоваться этим методом для решения этой задачки вот и все.


Часовой пояс GMT +3, время: 16:56.