Show hide abus

[krisis32]

Sveiki! Noderētu palīdzība ar show hide.

<script type="text/javascript">
var x=1;
function toggle(elem) {
       if(x==0) { document.getElementById(elem).style.display = 'none'; x=1; }
       else { document.getElementById(elem).style.display = ''; x=0; };
};
</script>

 

<a href="#" onclick="toggle('showhide'); return false;">tabs1</a> 
<a href="#" onclick="toggle('showhide1'); return false;">tabs2</a>

<span style="display:none;" id="showhide">Pedeja Sacikstes tabulas te!</span>
<span style="display:none;" id="showhide1">Pedeja Sacikstes tabul1111as te!</span>

 

Viss strādā jauki, bet kā lai panāk to ka ja uzspiež uz abiem tabiem tad arī atver abus rezultātus, kas ir slēpti.

Un ja uzspiež uz kautvai tab1 tad viņš aizver pirmo tabu. Tiku galā ar to ka parāda abus ja uzspiež, bet tad nevar vairs aizvērt!

 

Sataisiju kā gribēju, bet tagad ir cita lieta. Kā lai uztaisa ka tab1 atveras uzreiz. Un ja uzspiež uz tab2 kamēr tab1 vaļā tad tab1 aizveras. Un otrādāk. (Uzpiež tab1 aizveras tab2)

Edited February 1, 2011 by krisis32

[codez]

ar jquery:

http://jsfiddle.net/VJfRE/

$(function(){
   $("a.tab").click(function(){
       $(".page.visible").removeClass('visible');
       $('#'+$(this).attr("tabfor")).addClass('visible');
   });
});

 

 

 

ar UI jequery:

http://jsfiddle.net/WLsEN/

$(function() {
   $( "#tabs" ).tabs();
});

[krisis32]

Milzīgs paldies tev.