Jquery [ odpowiednia zakładka po załadowaniu strony]

Question

Witam 

Mam pytanie w jaki sposób mogę ustawić aby po załadowaniu strony otwierała się tylko zakładka "omnie" a nie wszystkie wygląda to tak : 

Pytanie czy rzecz leży w jqury . 
kod wygląda tak : 

$(document).ready(function(){

    $(".filter-button").click(function(){
        var value = $(this).attr('data-filter');
        
        if(value == "all")
        {
            //$('.filter').removeClass('hidden');
            $('.filter').show('1000');
        }
        else
        {
//            $('.filter[filter-item="'+value+'"]').removeClass('hidden');
//            $(".filter").not('.filter[filter-item="'+value+'"]').addClass('hidden');
            $(".filter").not('.'+value).hide('3000');
            $('.filter').filter('.'+value).show('3000');
            
        }
    });
    

});

 

Answer 1

Sprecyzuj pytanie bo nwm o co chodzi

Answer 2

Mniej więcej wiem o co Ci chodzi, ale pokaż mi HTML-a bo nie wiem nawet jak wyglądają Twoje zakładki by stworzyć to czego oczekujesz.

Comments

<div class="container-fluid">
		<div class="row">
			<div class="categories pull-left">
			  <div class="categories-wrapper">
				<p class="button filter-button" data-filter="all">Wszystkie</p>
				<p class="button filter-button" data-filter="kat2">Rysunki</p>
				<p class="button filter-button" data-filter="kat3">Wizytówki</p>
				<p class="button filter-button" data-filter="kat4">Tapety</p>
				<p class="button filter-button" data-filter="kat5">Logo</p>
			  </div>
			</div>
			<div class="gallery-wrapper">
				<div id="one" class=" hvr-underline-from-left gallery col-lg-2 col-md-4 col-sm-6 col-xs-12 filter all">
            	</div>
				<div id="two" class=" hvr-underline-from-left gallery col-lg-2 col-md-4 col-sm-6 col-xs-12 filter kat2 all">
            	</div>
				<div id="three" class=" hvr-underline-from-left gallery col-lg-2 col-md-4 col-sm-6 col-xs-12 filter kat2 all">
            	</div>
				<div id="four" class=" hvr-underline-from-left gallery col-lg-2 col-md-4 col-sm-6 col-xs-12 filter kat3 all">
            	</div>
				<div id="five" class=" hvr-underline-from-left gallery col-lg-2 col-md-4 col-sm-6 col-xs-12 filter kat5 kat3 all">
            	</div>
				<div id="six" class=" hvr-underline-from-left gallery col-lg-2 col-md-4 col-sm-6 col-xs-12 filter kat5 kat3 all">
            	</div>
				<div id="seven" class=" hvr-underline-from-left gallery col-lg-2 col-md-4 col-sm-6 col-xs-12 filter kat4 all">
            	</div>
				<div id="eight" class=" hvr-underline-from-left gallery col-lg-2 col-md-4 col-sm-6 col-xs-12 filter kat4 all">
            	</div>
			</div>
		</div>  
	</div>