Böyle bişey yaptım tıklayınca steam veya origin seçeneklerinden biri görünsün istiyorum

//Seçici
<div class="clients">
<a href="#steam" class="steam">Steam</a>
<a href="#minecraft" class="minecraft">Minecraft</a>
<a href="#origin" class="origin">Origin</a>
<a href="#bnet" class="battle">Battle.net</a>
</div>

//Gizlenip gösterilcek yer
<a href="urun.php?oyun=<?php echo $uid;?>" class="game">
<div class="game-pic">
<img src="img/<?php echo $resim;?>" alt="<?php echo $oyunad;?>">
</div>
<div class="game-title">
<?php echo $oyunad;?></div>
<div class="game-activation steam">
<span>STEAM</span>
<span>Activation</span>
</div>
<span class="game-cost"><?php echo $fiyat;?>₺</span>
</a>

$(document).ready(function(){
$("a").click(function(){
var ID = $(this).attr("href");
if (ID === "#steam"){
$(".steam").hide(500);
$(".origin").show(500);
}else{
if (ID === "#origin"){
$(".origin").hide(500);
$(".steam").show(500);
}
}
});
});

ajax nerdeyse hiç bilmiyorum bana daha performanslı seçim yapma mantığı gösterebilirmisiniz