<head>
<script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".links_body").hide();
$(".links_head").click(function() {
$(this).next(".links_body").slideToggle('active');
});
});
</script>
<style type="text/css">

.links_list {
margin: auto;
padding: 0px;
width: 230px;
height: 200;
}

.links_head {
padding-top: 2px;
padding-bottom: 2px;
position: relative;
margin: 0px;
text-align: center;
font-family: poppins;
background:#fff;
font-weight: bold;
color: #000;
border: 1px solid black;
border-radius: 5px 5px 0px 0px;
}

.links_body {
padding: 5px;
text-align: left;
display: none;
background:#FFFFFFAB;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-radius: 0px 0px 5px 5px;
}
</style>
<body>
<div class="links_list">
<p class="links_head">
<i data-feather="menu">
</i>Title here</p>
<div class="links_body">
<left>
<div id="embed33"><style> #yourtag { height: 100px; width: 100%; padding: 5px; border: 3px double #000; border-radius: 6px; font-family: quicksand; font-size: 15px; overflow: auto; background:#fff; text-align: left; } </style><div id="yourtag">
text text text text text tex tex tex tex tex text</div></div>
</div>
</body>