title: How to toggle between glyphicon classes
body: <p>Hey I'm new to Jquery and was wondering how to toggle between a minus and plus glyphicon when I click a text (like a drop down menu).</p>
  
  <p>The code is:</p>
  
  <pre><code>var main = function() {
    $('.day').click(function() {
      $(this).next().toggle();
      $('.weekday').find("span").toggle(function(){
        $(".glyphicon-plus").toggle();
        $(".glyphicon-minus").toggle();
      });
    });
  };
  
  $(document).ready(main);
  </code></pre>
  
  <p>In the html the glyphicon-plus is already on and the minus is not. This should switch between plus and minus when I press the text but instead the plus is disappearing then reappearing after one click.. can someone please help me? </p>
  
  <p>Here is a snippet of the HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="main"&gt;
        &lt;div class="container"&gt;
          &lt;div class="row"&gt;
            &lt;div class="col-sm-5 col-sm-offset-7"&gt;
              &lt;h1&gt;70&amp;deg;&lt;/h1&gt;
              &lt;h2&gt;5-day forecast&lt;/h2&gt;
              &lt;div class="forecast"&gt;
  
                &lt;div class="day row"&gt;
                  &lt;div class="weekday col-xs-4"&gt;
                    &lt;span class="glyphicon glyphicon-plus"&gt;&lt;/span&gt;
                    &lt;p&gt;today&lt;/p&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>I want to toggle the </p>