Updates Tab #2 - Code 2

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".mwah").hide();
//toggle the componenet with class msg_body
jQuery(".fringe").click(function()
{
jQuery(this).next(".mwah").slideToggle(500);
});});
</script>

<div id="upd">

    <!-- Starts updates part -->
    <a href="#" class="fringe" title="updates"><span class="iconicfill-rain"></span></a>
      <div class="mwah">
          Your text goes here
      </div>
    <!-- Ends updates part -->

    <!-- Starts status part -->
    <a href="#" class="fringe" title="status"><span class="iconicfill-user"></span></a>
      <div class="mwah">
          Your text goes here
      </div>
    <!-- Ends status part -->

    <!-- Starts music part -->
    <a href="#" class="fringe" title="music"><span class="iconicfill-headphones"></span></a>
      <div class="mwah">
          <div style="width: 110px; overflow: hidden;">
              Paste here the code of your music player!
          </div>
          <p>1. Song name
          <br>2. Song name
          <br>3. Song name
      </div>
    <!-- Ends music part -->

    <!-- Starts more part -->
    <a href="#" class="fringe" title="more"><span class="iconicfill-book-alt"></span></a>
      <div class="mwah">
          Your text goes here
      </div>
    <!-- Ends more part -->

</div>