Подскажите пожалуйста, есть такой код.
function open_block() {
if ($("#block1").attr("data-open") == "1") {
$("#block1").css("height", "300px");
$("#block1").attr("data-open", "2");
}
else {
$("#block1").css("height", "50px");
$("#block1").attr("data-open", "1");
}
}
#block1 {
width: 200px;
height: 50px;
border: 1px solid;
}
#block2 {
width: 150px;
height: 25px;
border: 1px solid;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="block1" data-open="1" onclick="open_block();">
<div id="block2"></div>
</div>
Как сделать что бы div id="block1"
разворачивался только по нажатию на div id="block1"