Easy Click Menu

by Kofod

HTML

<div style="position: relative;">
<div style="overflow: auto; position: relative; width: 174px; height: 378px; top: 62px; left: 28px; margin-right: -174px; margin-bottom: -378px;"><span style="font-size: medium; font-family: 'times new roman', times;"><br />Since this is goodbye from NewsTeam, we have gathered a few comments of both current and former members of the team.<br />They will tell you a little about how NT has impacted their life on VirtualPopstar and the memories they will hold on to in the future.<br />It is no secret that NT has been around for a long time, and through out those years we hope that we have been able to impact a lot of other users on here as well.</span></div>
    
    <div class="hide Bloom" style="overflow: auto; position: relative; width: 175px; height: 378px; top: 60px; left: 487px; margin-right: -175px; margin-bottom: -378px;"><strong><span style="font-family: 'times new roman', times; font-size: medium;"><br/>BloomCissi: </span></strong><br /><br /><span style="font-family: 'times new roman', times; font-size: medium;">For me, the News Team has been an important part of my life for the past four years. When I got into the team in December 2018, it was together with a group of five other people ready to rebuild the team almost from scratch. Over the years, we developed and transformed the team, giving it our own personal touch. Being a member of NT has given me the opportunity to develop my writing, and allowed me to research numerous different topics that have piqued my interest. Most of all though, it has given me a community, a space where I have been able to feel at home. I have had so much fun chatting about anything and everything in our Discord server, and gotten to know people I would otherwise not have had the courage to approach myself. Since this is the time for me to pay tribute to the team and what it has given me, I would also like to take this opportunity to direct a special thank you to Solveig and Melk. Even...

CSS

* {
  font-family: Times New Roman, sans-serif;
  font-size: 12px;
}

JavaScript

$('.button').click(function() {
  var textBox = this.className.split(' ')[1];
  $('.hide').hide();
  $('.' + textBox).show();
});