title: Change (and change back) leaflet icon on click
body: <p>I've gotten the icon to change on click, but I need it to change back to the original icon (not stay the new one) when a new icon is clicked.</p>
  
  <p>For instance, say all of my icons are blue. When I click on an icon, I want it to change to a red icon. Then, when I click on a new icon, I want the previously clicked icon to change back to blue.</p>
  
  <p>I can get it to work with mouseover and mouseout, but I really need it to work with click. I think I need to log a new click function, but I'm not sure how.</p>
  
  <p>Here's what I currently have:</p>
  
  <pre><code>function clickFeature(e) {
          var layer = e.target;
          e.target.setIcon(stop);
  
          info.update(layer.feature.properties);
      }
  
  
      var geojson;
  
      /*function resetHighlight(e) {
          geojson.resetStyle(e.target);
          e.target.setIcon(arms);
          info.update();
      }*/
  
      function onEachFeature(feature, layer) {
          layer.on({
              click: clickFeature
          });
      }
      geojson = L.geoJson(crossingData, {
  
          pointToLayer: function (feature, latlng) {
              return L.marker(latlng, {icon: arms});
          },
          onEachFeature: onEachFeature
  
      }).addTo(map);
  </code></pre>