Dropdown OnClick

by aaronk85

HTML

<a class="drop-gd">Select Comp</a>
      <div class="gl-t-gd">
        <span>
            <h1>GameDay</h1>
            <a href="http://GameDay.com.au" target="_blank" title="Visit Site" alt="Visit Site"></a>
            <p>The SportingPulse hub for sports news, advice, tips and offers</p>
        </span>
        <span>
            <h1>Advice</h1>
            <a href="http://sport.gameday.com.au/index.php?id=8" target="_blank" title="Visit Site" alt="Visit Site"></a>
            <p>Training, nutrition, hydration and general health tips</p>
        </span>
        <span>
            <h1>Offers</h1>
            <a href="http://sport.gameday.com.au/index.php?id=6" target="_blank" title="Visit Site" alt="Visit Site"></a>
            <p>Opportunities for you and your club to win prizes that also help fund grassroots sport</p>
        </span>    
        </div>

CSS

.gl-t-gd {
  display: none;  
  background: none repeat scroll 0 0 #EFF3F7;
  float: left;
  position: absolute;  
  width: 115px;
  z-index: 10;
  border-radius: 0 0 5px 5px;
}

JavaScript

jQuery('.drop-gd').click(function() {
  jQuery('.gl-t-gd').slideToggle(500),
    jQuery(this).toggleClass('down')
});