Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.08.2013, 00:49
Аватар для hardware
Аспирант
Отправить личное сообщение для hardware Посмотреть профиль Найти все сообщения от hardware
 
Регистрация: 10.08.2013
Сообщений: 71

раскрывающийся и закрывающися текст при клику
Здравствуйте, не могу сделать что бы при клике по кнопке .redmoreNew показывался весь текст, а при втором клике скрывался, а изночально был скрыт. Куче чего перепробовал не работает
<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)
            })
        }
    });
Ответить с цитированием
  #2 (permalink)  
Старый 19.08.2013, 02:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

hardware,

<!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>
Ответить с цитированием
  #3 (permalink)  
Старый 19.08.2013, 11:20
Аватар для hardware
Аспирант
Отправить личное сообщение для hardware Посмотреть профиль Найти все сообщения от hardware
 
Регистрация: 10.08.2013
Сообщений: 71

круууто спасибо большое, я вот только не очень понимаю что происходить в 47строке как это так я думал что функция jquery может только отбирать элементы из DOM ,а она там походу его создает или я что то не понимаю ???
Ответить с цитированием
  #4 (permalink)  
Старый 19.08.2013, 13:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от hardware
она там походу его создает
создание элемента с параметрами jQuery( html, attributes ) с версии 1.4
Ответить с цитированием
  #5 (permalink)  
Старый 19.08.2013, 16:16
Аватар для hardware
Аспирант
Отправить личное сообщение для hardware Посмотреть профиль Найти все сообщения от hardware
 
Регистрация: 10.08.2013
Сообщений: 71

Спосибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
нужно заставить одновременно работать слайдер и модальное окно обратной связи kvant355 Javascript под браузер 3 22.07.2013 16:34
Вопрос по относительному позиционированию DIV XPOMOB (X)HTML/CSS 11 15.07.2009 17:02
Как изменить текст при наведении курсора? sewernik Элементы интерфейса 2 13.04.2009 19:31
JS при щелчке на сылку появляется текст Ed51 Ваши сайты и скрипты 2 05.02.2009 23:57
При нажатие выводится текст dembi Общие вопросы Javascript 4 19.01.2009 17:50