Help with trigerring events and showing results in sidebar tabs

[jpardila]

Hi All,

I am struggling at the moment with a simple  functionality I want to add to a map using Leaflet and the sidebar plugin. When I click on a feature I want to trigger two functions, which would change the content dynamically of tab A and  tab B. I want to keep them as separate functions. 

I somehow cannot get both functions to execute, or at least I see only results for one of them.

To illustrate better see the fiddle code. Click on the blue polygon, then see the tabs and the only html that changed is that of the #profile page. The #home tab does not change. 

http://fiddle.jshell.net/wk2zhnak/

Could anyone please help me figure this!

[k_man_au]

Try this... btw I think your ID tags are in the wrong spots... 

function onClick(e){

var layer = e.target;

plot_percentage_A(layer.feature.properties);

plot_percentage_B(layer.feature.properties);

  map.fitBounds(e.target.getBounds());

}

function plot_percentage_A(props) {

      $('#profile').html('Something Here');        

}

function plot_percentage_B(props) {

      $('#messages').html('Something else here');        

[jpardila]

Great! Thanks a lot.  I tried your suggestion and it works great. Much simpler than what I was trying to do. 

This is the updated code

http://fiddle.jshell.net/wk2zhnak/1/