title: Trying to use JavaScript (no jQuery), to show a div (2 classes) in the html when checkbox is selected
body: <p>basically I have a <strong>form</strong> and it has <strong>2 different expansions</strong> depending on whether a single or multi day trip is selected (not coded yet, once I get this working I can sort that out properly). I have looked at a lot of similar questions but unfortunately, many of them use jQuery.</p>
  
  <p>I've been working on it for 2 days now, Googled, looked here and got this far on my tutor's suggestion but it isn't quite there yet and I don't understand enough to fix it. I'm hoping it's something simple and I'm just a bit too inexperienced at this point to recognize it.</p>
  
  <p>Right now, I'm just trying to make a <strong>div</strong> with <strong>2 different classes show</strong> depending on which is clicked. <em>The classes being hard coded into the function doesn't matter at the moment</em>. Eventually I will want the div's to appear (still depending on the check box selected) when the submit button is clicked, but that can be a future endeavor (would assume it's just some if/else statements.</p>
  
  <p>If anyone can help, or even just point me in the right direction (keeping in mind I started learning this around 3 weeks ago and haven't even used it in the last 2) I would greatly appreciate your help.</p>
  
  <p>I have attached a JSFiddle of current code, and a picture of the final result from photoshop. (everything below the horizontal white line will initially be hidden until a checkbox is selected).</p>
  
  <p><a href="http://imgur.com/8mY2ZVH" rel="nofollow">http://imgur.com/8mY2ZVH</a></p>