Q:

Table pop-up in Javascript

Does anyone know how to create tables similar to the tables found on http://spring.io/docs are created?  I am specially interested in the "pop-up" after a click on an item. 

A:

Here is an example using jQuery:
HTML
<div class="item">
    <div class="label">Label 1</div>
    <div class="dropdown">More info about label 1</div>
</div>

You have items, with a label and a dropdown.  The dropdowns are set to display:none and have a position absolute, to allow them to overlap other items. 
CSS
.item{
    position:relative; /*Your dropdowns will relate to their parent item*/
}

.dropdown{
    /* ...some styles... */
    display:none;
    position:absolute;
}

Then, with jQuery, you can toggle a class .open on the items, which will allow you to display the dropdown on demand. 
CSS
.open .dropdown{
    display:block;
}

jQuery
$('.item').on('click',function(){
    //if this item is already open
    if($(this).hasClass('open'))
    {   //close it
        $(this).removeClass('open');
    }
    else
    {   //or close everything and open this one
        $('.item').removeClass('open');
        $(this).addClass('open');
    }
});

Or, if you want a shorter version:
$('.item').on('click',function(){
    $(this).toggleClass('open').siblings().removeClass('open');
});

JS Fiddle demo

