JSFiddle - React, Tailwind, and code Playground

by Blake Plumb

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<h2>Internships by Major</h2>
<p>The following internship links list companies that have provided SUU  students internship opportunities in the past. Some of these internship  opportunities are on-going and open each term until filled. Some  internship opportunities are open for applications for a specific time  only. We encourage students to go to the company website or contact the  company directly for details. </p>
		
      <p class="menuheader openheader">School of Business</p>
      <div class="internships">
        <p> <strong><a href="http://www.nacufs.org/careers-internships/students/">Foodservice Management Internship Program (FMI)</a></strong> is sponsored by NACUFS and offered in cooperation with the Association  of College and University Housing Officers-International (ACUHO-I). In  existence for more than 46 years, the program allows student interns to  work in a campus foodservice department for eight weeks each summer. </p>
        <p><strong><a href="http://www.nmfn.com/hankwarner" target="_blank">Northwestern Mutual</a> Financial Network</strong> - This is a paid internship that may be career-track for the right  individuals. Interns may come from any major.</p>
    <p><strong>State Bank of Southern Utah </strong>is  looking for interns for the Summer and Fall semesters. They are  primarily looking for Finance, Accounting, and Masters students who  want a rare opportunity to intern in a bank's lending department. For  more details, contact Clint Penrod <a href="tel:435-865-2330" value="+14358652330" target="_blank">435-865-2330</a> <a href="mailto:[email protected]" target="_blank">[email protected]</a></p>
        <p><a href="http://www.statefarm.com/" target="_blank">State Farm Insurance</a>- Business Administration or Finance students are assigned to any one  of a number a local insurance offices to work on projects, conduct ...

CSS

.menuheader {
    background: url("http://suu.edu/uc/images/titlebar.png") repeat-x scroll left center black;
    color: white;
    cursor: pointer;
    font: bold 14px Arial;
    margin-bottom: 10px;
    padding: 4px 0 4px 10px !important;
    text-transform: uppercase;
}
.openheader {
    background-image: url("http://suu.edu/uc/images/titlebar-active.png");
}
.internships{
    display: none;
    overflow: hidden;
    position: relative !important;  
}

JavaScript

$('.internships:eq(0)').show();
$('.menuheader').click(function(){
    $('.openheader').not(this).removeClass('openheader');
    $(this).addClass('openheader');
    var currentInternships = $(this).next();
    $('.internships').not(currentInternships).slideUp();
    currentInternships.slideDown();
});