Показать сообщение отдельно
  #1 (permalink)  
Старый 21.10.2015, 14:43
Интересующийся
Отправить личное сообщение для polepropilen Посмотреть профиль Найти все сообщения от polepropilen
 
Регистрация: 31.03.2014
Сообщений: 16

2 блока "отрыть полностью"
Здравствуйте! Есть скрипт открытия блока. Но этот скрипт открывает один блок.
Как можно добавить в этот скрипт, открытие второго блока?

javascript

<script type='text/javascript'>//<![CDATA[
window.onload=function(){
document.getElementById('opentext').onclick=open;
document.getElementById('text').style.height = "50px";
function open() {
    if (parseFloat(document.getElementById('text').style.height)<160) {
    document.getElementById('text').style.height='160px';
    }
    else {
    document.getElementById('text').style.height='50px';
    }
}
}//]]> 

</script>


сss
#text {
    overflow: hidden;
    height: 50px;
    transition: 1s;
    outline: 1px solid red;
}

HTML
<div id="opentext">Показать текст полностью 1 блок</div>
<div id="text">
    <p>Текст текст текст текст</p>
    <p>Текст текст текст текст</p>
    <p>Текст текст текст текст</p>
    <p>Текст текст текст текст</p>
</div>

<div id="opentext">Показать текст полностью 2 блок</div>
<div id="text">
    <p>Текст текст текст текст</p>
    <p>Текст текст текст текст</p>
    <p>Текст текст текст текст</p>
    <p>Текст текст текст текст</p>
</div>

Источник: http://jsfiddle.net/50gsLtL2/9/
Ответить с цитированием