Advertisement
teenagegoths

in-page dropdown

Sep 14th, 2021 (edited)
2,419
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  <!-- used in https://codepen.io/tubbox/pen/zYzEEVy -->
  2.    
  3.     <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru:400,400italic" rel="stylesheet" type="text/css"/>
  4.  
  5. <script src="https://dl.dropbox.com/s/8c3ev6f5tpf6bj7/jquery-latest.min.js?"></script>
  6. <script>
  7. $(document).ready(function(){
  8. $("#scroll").hide();
  9. $("#btnToClickToShowScroll").click(function(){
  10. $("#scroll").slideToggle('slow');
  11. });
  12. });
  13. </script>
  14. <script>
  15. $(document).ready(function(){
  16. $("#socmed").hide();
  17. $("#btnToClickToShowSocmed").click(function(){
  18. $("#socmed").slideToggle('slow');
  19. });
  20. });
  21.  
  22. </script>
  23. <style>
  24.  
  25. p, a {font-family:arial;}
  26.  
  27. #scroll {
  28. width:12em;
  29. height:7em;
  30. border:1px solid black;
  31. overflow:scroll;
  32. padding:5px;
  33. }
  34.  
  35. </style>
  36.  
  37. <div align="center"><a id="btnToClickToShowScroll">blah blah blah</a></h2>
  38. <div id="scroll" style="display: none;">
  39. <p>loren ispum moment</p>
  40. </div>
  41.  
  42. </div>
  43. </main>
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement