Alternate Divs by selecting with selectors

I have a portfolio of photos in div in which he shows me all the photos and I can select by category as follows:

$portfolio_selectors.on('click', function () {
    $portfolio_selectors.parent().removeClass('active');
    $(this).parent().addClass('active');
    var selector = $(this).attr('data-filter');
    $portfolio.isotope({filter: selector});

    if (selector.substr(1)!="" && selector.substr(1)!="#")
    {
         location.hash = selector.substr(1);     
    }
    else
    {
    location.hash ="*";
    }
    return false;
});

In the HTML I select the photos and they are filtered correctly, but I want one of the selectors to show me a div different instead of a selection of photos:

<ul class="nav-portfolio nav filter nav-tabs xs-text-center">
    <li class="nav active"><a href="#" data-filter="*">Todas</a> </li>
    <li class="nav"><a href="#" data-filter=".tipo1">Tipo1</a> </li>
    <li class="nav"><a href="#" data-filter=".tipo2">Tipo2</a> </li>
    <li class="nav"><a href="#" data-filter=".tipo3">Tipo3</a> </li>
</ul>

I would like to be able to add an additional Photo Type that instead of being a photo selection is another div that is hidden when loading the page:

<div id="1"></div>
<div id="2" sytle="display: none;"></div>