[Chmil]

Здравствуйте уважаемые, пытаюсь написать маленький скрипт который во время клика по отдельной ссылке должен скрывать или показывать отдельные блоки. Как бы все просто, но у меня не работает. Сам скрипт загружаю после jQuery.
Скрипт:

$(document).ready(function() {

	$(".all-btn").click(function() {
		$(".auto").css({"display":"block"});
        $(".auto-gd").css({"display":"block"});
        $(".avia").css({"display":"block"});
    });
 
    $(".auto-btn").click(function() {
		$(".auto").css({"display":"block"});
        $(".auto-gd").css({"display":"none"});
        $(".avia").css({"display":"none"});
    });
	
	$(".auto-gd-btn").click(function() {
		$(".auto").css({"display":"none"});
        $(".auto-gd").css({"display":"block"});
        $(".avia").css({"display":"none"});
    });
	
	$(".avia-btn").click(function() {
		$(".auto").css({"display":"none"});
        $(".auto-gd").css({"display":"none"});
        $(".avia").css({"display":"block"});
    });
 
});

html:

<a class="all-btn" href="#">All</a>
<a class="auto" href="#">Auto</a>
<a class="auto-gd" href="#">auto-gd</a>
<a class="avia" href="#">avia</a>

<div class="ekskurs-tur">
	<div class="auto">
		auto1
	</div>
	<div class="auto">
		auto2
	</div>
	<div class="auto-gd">
		auto-gd1
	</div>
	<div class="avia">
		avia1
	</div>
	<div class="auto">
		auto3
	</div>
	<div class="avia">
		avia2
	</div>
</div>