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>Career Decision Process</h2>
<h3>Factors Involved in the Career Decision Process:</h3>
<p>There are many factors involved in choosing a major and a career.&#160; Understanding each of these factors helps in the decision-making process.&#160;</p>

  <h4>Am I Choosing a Major or a Career?</h4>
    <p>Not every life goal or career has a single major that that will lead directly to it. This can make selecting a major more difficult. <span class="label label-info">Read More</span> Below are a few of the common types of goals that do not require a specific major and some ideas that may help.</p>
         
    <p><strong>Law School:</strong> There are many options available for this person s/he may consider English or Political Science or any of the many options from the school of business. The key is a successful score on the LSAT and possibly a series of prerequisites. To get a good start on this option one could start with and appointment to see the SUU Pre Law Advisor. It is also a good idea to contact a few potential schools to identify any recommendations they have. Shaping your academic experience to fit a specific program may give you that extra point on your application.</p>

    <p><strong>Graduate Program:</strong> Many grad programs have "types" of degrees that work well and not necessarily a specific major that is a sure ticket in. This provides a student the opportunity to study something they like and can do well. Faculty and informational interviewing can give a student a great deal of valuable information. As stated above it is also a good idea to contact a few potential schools to identify any recommendations they have. Shaping your academic experience to fit a specific program my give you that extra point on your application.</p>

    <p><strong>Health / Medical Professions:</strong> Medical School, Dental School, Pharmacy Colleges...

JavaScript

var spanLabel = $('span.label');
spanLabel.each(function(){
    var $set = $();
    var current = this;
    $(current).parent().nextUntil('h4').hide();
    while(current.nextSibling){
        current = current.nextSibling;
        $set.push(current);
    }
    $set.wrapAll('<span class="hide"></span>'); 
});
spanLabel.click(function(){
    var span = $(this);
    span.next().fadeIn('slow');
    span.parent().nextUntil('h4').fadeIn('slow');
    span.remove();
});
spanLabel.css('cursor','pointer');