JSFiddle - React, Tailwind, and code Playground

by bridget_kilgallon

HTML

<div id="content">  
<div id="logo_column">
<li  class="logo">
    <ul><a href="#1">Try this one</a></ul>
    <ul><a href="#2">And this one</a></ul>
    
    </li>

</div>


      <div id="1" class="page">Info for number one</div>
      <div id="2" class="page">Info for number 2</div>

</div>

CSS

#content {width:600px;}
#logo_column {float:left; width:200px;}
.page {float:left; display:none; width:400px; }

JavaScript

$(".logo").click(function () {
      $(".page").slideToggle("slow");
    });