[hideprofile][html]
<div class="ytbirja"><div class="birjavn">
<div class="yttitle">биржа</div>
<div class="birjatext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mollis ipsum purus, ut facilisis eros blandit eu. Quisque fringilla iaculis pulvinar. Vivamus odio turpis, rhoncus eget nulla rhoncus, tempus ultrices dui. Maecenas aliquam rhoncus leo, ac mollis est egestas id. In vel elementum nulla. Quisque pharetra dapibus purus, non eleifend elit mollis id. Aliquam vel ligula nec nisl porta efficitur. Mauris vitae aliquet ante. Orci varius natoque penatibus</div>
<div class="btabs"><button onclick="switchBlock('block1')">портленд</button>
<button onclick="switchBlock('block2')">гринфилд</button></div>
<div id="block1" class="block active">
<div class="bltab">
<button onclick="switchItem('block1', 1)">городская инфраструктура</button>
<button onclick="switchItem('block1', 2)">здравоохранение</button>
<button onclick="switchItem('block1', 3)">культура и сми</button>
<button onclick="switchItem('block1', 4)">образование</button>
<button onclick="switchItem('block1', 5)">криминал</button>
<button onclick="switchItem('block1', 6)">шоу-бизнес</button>
<button onclick="switchItem('block1', 7)">Delacroix Industries</button>
<button onclick="switchItem('block1', 8)">другое</button></div>
<div id="block1-item1" class="item active">
<div class="ytprofs"><div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Горничная (2):</text></div></div>
</div>
<div id="block1-item2" class="item">
<div class="ytprofs"><div class="profs">
<div class="proft"><tit>другое название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Горничная (2):</text></div></div>
</div>
<div id="block1-item3" class="item">
<div class="ytprofs"><div class="profs">
<div class="proft"><tit>3 название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Горничная (2):</text></div></div>
</div>
<div id="block1-item4" class="item">
<div class="ytprofs"><div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Горничная (2):</text></div></div>
</div>
<div id="block1-item5" class="item">
<div class="ytprofs"><div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Горничная (2):</text></div></div>
</div>
<div id="block1-item6" class="item">
<div class="ytprofs"><div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Горничная (2):</text></div></div>
</div>
<div id="block1-item7" class="item">
<div class="ytprofs"><div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Горничная (2):</text></div></div>
</div>
<div id="block1-item8" class="item">
<div class="ytprofs"><div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Горничная (2):</text></div></div>
</div></div>
<div id="block2" class="block">
<div class="bltab"> <button onclick="switchItem('block2', 1)">банк</button>
<button onclick="switchItem('block2', 2)">ещё что-то</button></div>
<div id="block2-item1" class="item active"><div class="ytprofs"><div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Горничная (2):</text></div></div>
</div>
<div id="block2-item2" class="item"><div class="ytprofs"><div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Сотрудники:</text></div>
<div class="profs">
<div class="proft"><tit>название заведения</tit> <lil>что за заведение</lil></div>
<text>описание текст много или мало описание текст много или мало описание текст много или мало описание текст много или мало
<br><br>
Владелец:<br>
Администратор:<br>
Горничная (2):</text></div></div>
</div>
</div>
</div></div>
<script>
function switchBlock(blockId) {
// Скрываем все блоки и делаем активным выбранный
let blocks = document.getElementsByClassName("block");
for (let i = 0; i < blocks.length; i++) {
blocks[i].classList.remove("active");
}
document.getElementById(blockId).classList.add("active");
// Сбрасываем активные элементы в новом блоке
let items = document.getElementById(blockId).getElementsByClassName("item");
for (let i = 0; i < items.length; i++) {
items[i].classList.remove("active");
}
document.getElementById(blockId + "-item1").classList.add("active"); // Показываем первый элемент по умолчанию
}
function switchItem(blockId, itemId) {
// Скрываем все элементы в блоке и показываем выбранный
let items = document.getElementById(blockId).getElementsByClassName("item");
for (let i = 0; i < items.length; i++) {
items[i].classList.remove("active");
}
document.getElementById(blockId + "-item" + itemId).classList.add("active");
}
</script>
[/html]