olmensk,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
li{
border: solid #FF00FF 3px;
}
li a{
display: block;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
//список
$(function() {
var arrText = [];
$(".list5 li").each(function(indx, li) {
arrText[indx] = "";
$(li).click(function() {var img_path = $("a",this).attr("path-img"),title = $("a", this).data("title"), id = $("a", this).data("viewdiv");
$(".list5 li").css("border-color", "white");
$(this).css("border-color", "#000");
id = $(id).toggle().is(":hidden")
arrText[indx] = id ? "" : title;
$(".bloknot3").html(arrText.join("<br>"))})
})
});
</script>
</head>
<body>
<div class="bloknot3"></div><!-----БЛОКНОТ список----->
<!---------------------------------------------------><!-----div 1----->
<div id="mydiv7" style="display:none;">
<div class="np2l-1">
<div class="shape cuboid-7 cub-7">
<div class="face ft">777</div>
</div></div>
<!---------------------------------------------------><!-----div 2----->
</div>
<div id="mydiv8" style="display:none;">
<div class="np2l-1">
<div class="shape cuboid-8 cub-8">
<div class="face ft">888</div>
</div>
</div></div>
<!---------------------------------------------------><!-----div 3----->
<div id="mydiv9" style="display:none;">
<div class="np2l-1">
<div class="shape cuboid-9 cub-9">
<div class="face ft">999</div>
</div>
</div></div>
<!--------------------------------------------------->
<!---------------------------------------------------><!-----аккордеон выбора кнопок------>
<input id="ac-13" name="accordion-1" type="checkbox" />
<label for="ac-13">Заголовок</label>
<article class="ac-small">
<ul class="list5">
<li><a class="button7" href="javascript:void(0);" data-viewdiv="#mydiv7" data-title="текст название button7">7</a></li>
<li><a class="button8" href="javascript:void(0);" data-viewdiv="#mydiv8" data-title="текст название button8">8</a></li>
<li><a class="button9" href="javascript:void(0);" data-viewdiv="#mydiv9" data-title="текст название button9">9</a></li>
</ul>
</article>
<!-------------скрипт вписывания названия---------------->
</body>
</html>
|