Ajax show/hide на различни дивове

[ghostbg]

Ползвам този скрипт за да скривам и показвам няколко различни дива (намерих го в нета)

ето кода ако и на някой друг му потрябва

JS

$(document).ready(function(){  
  $('.ahref',this).toggle(
    function () {
      var id = $(this).attr('href');
      if($('.box'+id).text() == '') {  
        $.getJSON('json.php',{id:id},function(data){  
          $.each(data, function(i,item){  

          });  
        });  
        $(this).html("hide");
      } else { 
        $(this).html('hide');  
        $('.box'+id).slideDown(1000);  
      }  
    },  
    function () {  
      var id = $(this).attr('href');
      $(this).html('show');  
      $('.box'+id).slideUp(1000);  
    }  
  );
});

html

<a href="1" class="ahref">show 1</a>
<a href="2" class="ahref">show 2</a>
<a href="3" class="ahref">show 3</a>
<div class="box1"></div> 
<div class="box2"></div> 
<div class="box3"></div>

php

$id = $_GET['id'];

echo $id;

работи но щом зареди страницата той показва скритите дивове а аз искам да са скрити и само при цъкане на линка да се показват и скриват

 

[peter_ew]

на дивовете слагаш

<div ... style="display: none; visibility: hidden;">

 

[ghostbg]

с визибилите: хиден не се показва съдържанието на дива иначе се скри дива но като се покаже е празен

 

[appmaster]

Ами добави в функцията за показване, да променя css стойността на visibility

$(this).css("visibility","visible");

А за скриването:

$(this).css("visibility","hidden");

 

[ghostbg]

стана просто щото ми се спеше съм объркал id="dada" с class="dada"