Tab dentro de um PopUp

[PF2G]

Boa tarde, eu tenho este codigo de um popup em jquery e query acrescentar uma tab dentro do popup. Mas só me aparece as UL com a list-style e nao a tab em si.

<a href="#" id="loginLink" class="popup">LOGIN | REGISTAR</a>

   <div id="popup">
    <div class="close"></div>
    <div id="popup_content">
	 <ul id="menu" class="menu">
	  <li class="active"><a href="#description">Limerick One</a></li>
	  <li><a href="#usage">Limerick Two</a></li>
	  <li><a href="#download">Limerick Three</a></li>
	 </ul>
	 <div id="description" class="content">
	  <h2>Limerick One</h2>
	  <p>
	   The limerick packs laughs anatomical<br />
	   In space that is quite economical,<br />
	   But the good ones I've seen<br />
	   So seldom are clean,<br />
	   And the clean ones so seldom are comical.
	  </p>
	 </div>
	 <div id="usage" class="content">
	  <h2>Limerick Two</h2>
	  <p>
	   Let my viciousness be emptied,<br />
	   Desire and lust banished,<br />
	   Charity and patience,<br />
	   Humility and obedience,<br />
	   And all the virtues increased.
	  </p>
	 </div>
	 <div id="download" class="content">
	  <h2>Limerick Three</h2>
	  Hickere, Dickere Dock,<br />
	  A Mouse ran up the Clock,<br />
	  The Clock Struck One,<br />
	  The Mouse fell down,<br />
	  And Hickere Dickere Dock.
	 </div>

	 <ul id="menu2" class="menu">
	  <li class="active"><a href="#description2">Limerick One</a></li>
	  <li><a href="#usage2">Limerick Two</a></li>
	  <li><a href="#download2">Limerick Three</a></li>
	 </ul>
	 <div id="description2" class="content">
	  <h2>Limerick One</h2>
	  <p>
	   The limerick packs laughs anatomical<br />
	   In space that is quite economical,<br />
	   But the good ones I've seen<br />
	   So seldom are clean,<br />
	   And the clean ones so seldom are comical.
	  </p>
	 </div>
	 <div id="usage2" class="content">
	  <h2>Limerick Two</h2>
	  <p>
	   Let my viciousness be emptied,<br />
	   Desire and lust banished,<br />
	   Charity and patience,<br />
	   Humility and obedience,<br />
	   And all the virtues increased.
	  </p>
	 </div>
	 <div id="download2" class="content">
	  <h2>Limerick Three</h2>
	  Hickere, Dickere Dock,<br />
	  A Mouse ran up the Clock,<br />
	  The Clock Struck One,<br />
	  The Mouse fell down,<br />
	  And Hickere Dickere Dock.
	 </div>

	 <script src="scripts/jquery_tab.js" type="text/javascript" charset="utf-8"></script>
	 <script src="scripts/jquery.tabify.js" type="text/javascript" charset="utf-8"></script>
	 <script type="text/javascript">
	  // <![CDATA[

	  $(document).ready(function () {
	   $('#menu').tabify();
	   $('#menu2').tabify();
	  });

	  // ]]>
	 </script>

    </div> 
   </div> 
   <div class="loader"></div>
   <div id="backgroundPopup"></div>

Deve haver alguma coisa a "colidir", sera que ha maneira de resolver?

Obrigado.

[brunoais]

1º indenta melhor o HTML, sff. Um espaço é pouco. Eu prefiro 1 tab ou 4 espaços, mas 2 serve.

2º Isso é HTML válido?

http://validator.w3.org/

[taviroquai]

Na parte de javascript em que abres o popup acrescenta codigo par criar as tabs.

Se houver ajax, acrescenta no bloco. complete()

Edited May 21, 2013 at 06:00 PM by taviroquai