раскрывающийся и закрывающися текст при клику
Здравствуйте, не могу сделать что бы при клике по кнопке .redmoreNew показывался весь текст, а при втором клике скрывался, а изночально был скрыт. Куче чего перепробовал не работает:help:
<div class="nuw">
<img src="css/img/orbit/n.jpg" width="125" height="125" />
<div class="cotNew">
<a href="#">Новый сайт</a>
<p class="dit">09.08.2013</p>
<p class="cotNew_sob">Задача организации, в особенности же постоянный количественный рост и сфера нашей активности требуют определения и уточнения дальнейших направлений развития. Таким образом реализация намеченных плановых заданий в значительной степени обуславливает создание форм развития. Значимость этих проблем настолько даний в значительной степени</p>
</div>
<div class="cl"></div>
</div>
<div class="nuw">
<img src="css/img/orbit/asus.jpg" width="125" height="125" />
<div class="cotNew">
<a href="#">Новые поступления от ASUS</a>
<p class="dit">09.08.2013</p>
<p class="cotNew_sob">При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.По своей сути рыбате</p>
</div>
<div class="cl"></div>
</div>
<div class="nuw">
<img src="css/img/orbit/graphics-palit.jpg" alt="л" width="125" height="125" />
<div class="cotNew">
<a href="#">Скидки на видеокарты Palit</a>
<p class="dit">09.08.2013</p>
<p class="cotNew_sob">Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало пРазнообразный и богатый опыт новая модель организационной деятельности позволяет оценить Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало пРазнообразный и богатый опыт новая модель организационной деятельности позволяет оценить Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало пРазнообразный и богатый опыт новая модель организационной деятельности позволяет оценить Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало пРазнообразный и богатый опыт новая модель организационной деятельности позволяет оценить Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало пРазнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало повседневной Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало повседневной Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало повседневной Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало повседневной овседневной работы по формированию позиции в значительной степени обуславливает создание модели развития.</p>
</div>
<div class="cl"></div>
</div>
var cotNew_sob = $('.cotNew_sob');
cotNew_sob.each(function() {
if ($(this).text().length>333){
var isTe = $(this).text();
var resnew = isTe.substr(0,333);
$(this).text(resnew);
$(this).after("<button class='redmoreNew'>Подробнее</button>");
var sosti = false;
$('.redmoreNew').toggle(function() {
var isTe2 = $(this).parent().find(".cotNew_sob").text();
var resnew2 = isTe2.substr(0,333);
$(this).parent().find(".cotNew_sob").text(isTe2);
alert(isTe2)
},function() {
var isTe2 = $(this).parent().find(".cotNew_sob").text();
var resnew2 = isTe2.substr(0,333);
$(this).parent().find(".cotNew_sob").text(resnew2);
alert(resnew2)
})
}
});
|
hardware,
:write:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div class="nuw">
<img src="css/img/orbit/n.jpg" width="125" height="125" />
<div class="cotNew">
<a href="#">Новый сайт</a>
<p class="dit">09.08.2013</p>
<p class="cotNew_sob">Задача организации, в особенности же постоянный количественный рост и сфера нашей активности требуют определения и уточнения дальнейших направлений развития. Таким образом реализация намеченных плановых заданий в значительной степени обуславливает создание форм развития. Значимость этих проблем настолько даний в значительной степени</p>
</div>
<div class="cl"></div>
</div>
<div class="nuw">
<img src="css/img/orbit/asus.jpg" width="125" height="125" />
<div class="cotNew">
<a href="#">Новые поступления от ASUS</a>
<p class="dit">09.08.2013</p>
<p class="cotNew_sob">При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.По своей сути рыбате</p>
</div>
<div class="cl"></div>
</div>
<div class="nuw">
<img src="css/img/orbit/graphics-palit.jpg" alt="л" width="125" height="125" />
<div class="cotNew">
<a href="#">Скидки на видеокарты Palit</a>
<p class="dit">09.08.2013</p>
<p class="cotNew_sob">Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало пРазнообразный и богатый опыт новая модель организационной деятельности позволяет оценить Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало пРазнообразный и богатый опыт новая модель организационной деятельности позволяет оценить Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало пРазнообразный и богатый опыт новая модель организационной деятельности позволяет оценить Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало пРазнообразный и богатый опыт новая модель организационной деятельности позволяет оценить Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало пРазнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало повседневной Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало повседневной Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало повседневной Разнообразный и богатый опыт новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. С другой стороны начало повседневной овседневной работы по формированию позиции в значительной степени обуславливает создание модели развития.</p>
</div>
<div class="cl"></div>
</div>
<script>
var cotNew_sob = $('.cotNew_sob');
cotNew_sob.each(function()
{var el = $(this);
if (el.text().length>333) {
var isTe = el.text();
var resnew = isTe.substr(0, 333);
el.text(resnew);
var button = $("<button/>",
{"class": "redmoreNew",
"text": "Подробнее",
"click": function ()
{
var text = el.text();
el.text(text == resnew? isTe: resnew)
}
}
);
el.after(button);
}
}
);
</script>
</body>
</html>
|
:) круууто спасибо большое, я вот только не очень понимаю что происходить в 47строке как это так:) я думал что функция jquery может только отбирать элементы из DOM ,а она там походу его создает или я что то не понимаю:blink: ???
|
Цитата:
|
Спосибо
|
| Часовой пояс GMT +3, время: 04:09. |