Hide Show Card Section

[Varun_R_]

Hi,

  I have a card which is connected to a service and a col (child element) inside the card which displays the data from the service.

On click I want to display a section and on clicking on a different card I want to display a section on the 2nd card and hide the section on the first card.

I am able to display the section on click but I am unable to hide the section on blur. I am trying to use 

 $(document).on("onblur", "#CardID", function(evt)

 but the event is not firing

Any suggestions?

Thanks

Varun

[Elroy_A_Intel · Accepted solution]

I recommend using the jQuery blur() method. 

For example,

$("input").blur(function(){
    alert("This input field has lost its focus.");
});

You can find more information at http://www.w3schools.com/JQuery/event_blur.asp as well as an example.