Academics with revealed synonyms

by kevee

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="well"><p class="lead"><strong>Some of our majors have wacky names</strong>, if you don't see what you are looking for, try clicking the button below.</p>
                <button class="btn btn-lg btn-primary btn-block" id="reveal">Reveal real names</button></div>
            <div id="results"><ul class="list-unstyled"></ul></div>
        </div>
    </div>
    <div class="row" id="stuff">
        <div class="col-md-6">
             <h2>Majors</h2>

            <ul class="list-unstyled">
                <li class="first"><a href="http://catalog.csumb.edu/undergrad-education/majors/biology"><span class="sr-only synonyms">Biology, biotechnology, Aquarium, Exercise science, Environmental Science, Ecology, Geographic information systems, Ichthyology, Native plant restoration, Natural resources, Natural science, Public Health, Oceanography, Research, Science, illustration, Veterinary medicine, Watershed management</span>Biology B.S. <span class="hidden_tip">(Majors)</span></a>
                </li>
                <li><a href="http://catalog.csumb.edu/undergrad-education/majors/business-admin"><span class="sr-only synonyms">Business, Advertising, Communications, economics, event planning, Tourism, Agribusiness, Banking, Budget analysis, Corporate leadership, Ethics, Entrepreneurship, e-Commerce, Finance, hospitality, High-tech business, human resources, Information technology, International business, Management, Marketing, Nonprofit administration, Operations management, Retail management, Sales, Small business, Strategic planning, Technical writing, Technology management, Trade</span>Business Admin B.S. <span class="hidden_tip">(Majors)</span></a>
                </li>
                <li><a...

CSS

#stuff .synonyms {
  color: #333;
}

#stuff .synonyms:hover {
  text-decoration: none;
}

#stuff .synonyms.display {
    position: relative;
    font-style: italic;
}

JavaScript

//Academics with revealed synonyms
$('#reveal').on('click', function () {
    if($(this).hasClass('revealed')) {
        $(this).removeClass('revealed').html('Reveal real names').removeClass('btn-danger').addClass('btn-primary');
        $('#stuff .synonyms').removeClass('display');
    }
    else {
        $(this).addClass('revealed').html('Hide real names').removeClass('btn-primary').addClass('btn-danger');
        $('#stuff .synonyms').addClass('display');
    }
});