jQeuery tabs Opcje

[chyzio]

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
  $(document).ready(function(){
    $("#menu > ul").tabs();
  });
</script>
 
 
....
//Poniżej linki z menu
 
<div id="menu">
      <ul>
        <li>&nbsp;&nbsp;<a href="#home" class="menu_linki">HOME</a></li>
        <li>&nbsp;&nbsp;<a href="#area" class="menu_linki">AREA</a> </li>
      </ul>
</div>
 
....
 
//zawartosc kotra sie ukazuje po kliknieciu w element menu
 
 <div id="home">zawartosc</div>
 <div id="area">zawartosc 2</div>
 
//no i fajnie to dziala ale pod spodem ma byc drugie menu
 
<div id="menu">
      <ul>
        <li>&nbsp;&nbsp;<a href="#home" class="menu_linki">HOME</a></li>
        <li>&nbsp;&nbsp;<a href="#area" class="menu_linki">AREA</a> </li>
      </ul>
</div>
 
//i takie wywolanie juz nie dziala klikam i zero reakcji jak to obejsc ?
[HTML] pobierz, plaintext 

Spoko do kosza wątek:P

[phpion]

id jednoznacznie identyfikuje element, a u Ciebie są dwa div id="menu". Pewnie w tym leży problem.

[chyzio]

tak jest

Problem nieco inny

[HTML] pobierz, plaintext 
function pokaz_tresc($param) {
 
    var string = $param;
    document.getElementById('home').style.display='block';
 
   //domyslnie wyswietlamy home - reszta ukryta
 
     switch (string) {
 
      case 'home':
 
        document.getElementById('home').style.display='block';
        document.getElementById('areaa').style.display='none';
 
      break
 
 
 
      case 'areaa':  
 
        document.getElementById('home').style.display='none';
 
        document.getElementById('areaa').style.display='block';
 
      break
 
....
}
 
...
 
<div style="display: none" id="areaa">
home
</div>
 
//ponizej mapka google
<div style="display: none" id="areaa">
<div id="map" style="width:560px;height:499px"></div>
</div>
 
<div id="menu_linki">
//menu, wywolania funkcji js
<a href="#" onClick="pokaz_tresc('home')">HOME </a><a href="#" onClick="pokaz_tresc('areaa');">Area</a>
</div>
[HTML] pobierz, plaintext 

wszystko pięknie działa z tym że obszar dla mapy wynosi: 560 x 499 px a sama mapka google wyswietla sie jako 1/4 tego obszaru od lewego gornego naroznika natomiast ejzeli wyswietle mapke od razu czyli

[HTML] pobierz, plaintext 
<div style="display: block" id="areaa">
<div id="map" style="width:560px;height:499px"></div>
</div>
[HTML] pobierz, plaintext 

to wszystko działa jak należy no ale oczywiste jest to że mapkę chce widzieć dopiero po kliknieciu a nie na stronie glownej.

Wiecie o co chodzi ?

[nospor]

Mam/miałem podobny problem.
Nie miałem czasu by szukać rozwiązania to rozwiązałem to połowicznie:
ładuje mapke, zanim zainicjalizuje taby - dziala