Ok what I'm trying to accomplish is once someone clicks a button at the top we'll say the "Pagado" button I would like this to also display the "Pendiente" results as well whereas we'll say they are related and I want them both to be displayed.
See image below as the example:
Below is what the outcome I'm trying to create... Once the "Pagado" button is pressed only the results with the "Pagado" mention would be displayed on the page.
Here is the code for the example... http://ibootstrap.net/Snippets/IDXdL46
How to show
Just use a combined
data-status in your html something like:
<tr data-status="pagado_pendiente"> where the row has both status say
and in your JS instead of matching the exact string look for
contains something like:
$('.table tr[data-status*="' + $target + '"]').fadeIn('slow'); instead of
$('.table tr[data-status="' + $target + '"]').fadeIn('slow');