Показать сообщение отдельно
  #2 (permalink)  
Старый 22.11.2015, 18:39
Профессор
Отправить личное сообщение для Mess4me Посмотреть профиль Найти все сообщения от Mess4me
 
Регистрация: 03.11.2014
Сообщений: 263

BARABANTEMO,
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        div {
            border: 1px solid black;
        }

        div.bbCodeName {
            cursor: pointer;
        }
    </style>
    <title>Document</title>
</head>
<body>

<div class="bbCodeBlock">
    <div class="bbCodeName">имя 1</div><div class="codeMessage">содержимое 1</div></div>
<br>
<div class="bbCodeBlock">
    <div class="bbCodeName">имя 2</div><div class="codeMessage">содержимое 2</div>
</div>
<br>
<div class="bbCodeBlock">
    <div class="bbCodeName">имя 3</div><div class="codeMessage">содержимое 3</div>
</div>

<script>
    var names =  document.getElementsByClassName('bbCodeBlock');

    for (var i = 0; i < names.length; i++) {
        var el = names[i];
        el.addEventListener('click', function () {
            var codeMessage= this.getElementsByClassName('codeMessage')[0];

            codeMessage.style.display = (codeMessage.style.display == 'none')?'block':'none';

        })
    }
</script>


</body>
</html>
Ответить с цитированием