title: Opening a specific tab when a attribute on the map is clicked on?
body: <p>When i click on a attribute in my leaflet map I want to display the information in a specific tab. If the right tab isn't open already, i want the right tab to open and display the information when a attribute on the map gets clicked on.</p>
  
  <p>For example:
  <a href="https://i.stack.imgur.com/MgmeI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MgmeI.png" alt="enter image description here"></a></p>
  
  <p>This is my html code:</p>
  
  <pre><code>&lt;!-- tab 4 --&gt;
  &lt;div class="tab-pane" id="tab4"&gt;
      &lt;h4&gt;Information&lt;/h4&gt;
      &lt;p&gt;In this tab you will find specific information about the selected attribute. &lt;/p&gt;       
  &lt;/div&gt;    
  </code></pre>
  
  <p>And this is my js code:</p>
  
  <pre><code>onEachFeature: function (feature, layer) {
                  layer.on({
                      click: function showResultsInDiv() {
                          var d= document.getElementById('tab4');
                          d.innerHTML =  "ID:" + feature.properties.id + "&lt;br&gt; X-as:" + feature.properties.x + "&lt;br&gt; Y-as:" + feature.properties.y + "&lt;br&gt; Keten:" + feature.properties.keten + "&lt;br&gt; Naam:" + feature.properties.name;
                      }
                  }); }
          //Hier wordt de data daadwerkelijk toegevoegd aan de map
      }).addTo(map);
  </code></pre>
  
  <p>UPDATE SOLUTION:</p>
  
  <p>Underneath this line: <code>d.innerHTML =.......</code> I added this line of code and it works:</p>
  
  <pre><code>$('.nav-tabs a[href="#tab4"]').tab('show');
  </code></pre>