in-page dropdown

 <!-- used in https://codepen.io/tubbox/pen/zYzEEVy -->

    <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru:400,400italic" rel="stylesheet" type="text/css"/>

<script src="https://dl.dropbox.com/s/8c3ev6f5tpf6bj7/jquery-latest.min.js?"></script>
<script>
$(document).ready(function(){
$("#scroll").hide();
$("#btnToClickToShowScroll").click(function(){
$("#scroll").slideToggle('slow');
});
});
</script>
<script>
$(document).ready(function(){
$("#socmed").hide();
$("#btnToClickToShowSocmed").click(function(){
$("#socmed").slideToggle('slow');
});
});

</script>
<style>

p, a {font-family:arial;}

#scroll {
width:12em;
height:7em;
border:1px solid black;
overflow:scroll;
padding:5px;
}

</style>

<div align="center"><a id="btnToClickToShowScroll">blah blah blah</a></h2>
<div id="scroll" style="display: none;">
<p>loren ispum moment</p>
</div>

</div>
</main>