click menu

<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: 0px;
padding: 0px;
}

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

.links_body {
padding: 10px;
text-align: left;
display: none;
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</p>
<div class="links_body">
<left>
No, this does not have to be used as a menu. This could be used as anything you want it to be used as. Go crazy. Seen in Gina.crd.co, credit 805online or don't, pretty basic code that has been used since before Carrd. You may adjust the width manually here, or adjust that in Carrd by putting this in a container.
</div>
</div>
</body>