What's new

Help Playing With Tabs

#1
so I'm playing with tabs, and how do I get it so everything but the first tab disappears? because it disappears after you click on another tab but if you just leave it all three tab contents show up.

Code:
[nobr]
[class name=Tabs]
display:inline-block;
color:black;
background:white;
[/class]

[class name=tab1]
display:inline-block;
cursor:pointer;
width:25px;
height:25px;
[/class]

[class name=tab2]
display:inline-block;
cursor:pointer;
width:25px;
height:25px;
[/class]

[class name=tab3]
display:inline-block;
cursor:pointer;
width:25px;
height:25px;
[/class]

[class=tabcontent1]
height:100%;
width:400px;
text-align: justify;
[/class]

[class=tabcontent2]
height:100%;
width:400px;
text-align: justify;
[/class]

[class=tabcontent3]
height:100%;
width:400px;
text-align: justify;
[/class]

[script class=tab1 on=click]
hide tabcontent2
hide tabcontent3
show tabcontent1
addClass Tabs
[/script]

[script class=tab2 on=click]
hide tabcontent1
hide tabcontent3
show tabcontent2
addClass Tabs
[/script]

[script class=tab3 on=click]
hide tabcontent1
hide tabcontent2
show tabcontent3
addClass Tabs
[/script]

[div class=tabs][div class=tab1][color=black][SIZE=20PX]I[/SIZE][/color][/div] [div class=tab2][color=black][SIZE=20PX]II[/SIZE][/color][/div] [div class=tab3][color=black][SIZE=20PX]III[/SIZE][/color][SIZE=20PX][/size][/div][/div]

[div class=tabcontent1]htethhetetheththeethetheththeeth shit here suh dyde[/div]
[div class=tabcontent2]htethhetetheththeethetheththeeth shit here[/div]
[div class=tabcontent3]htethhetetheththeethetheththeeth shit here[/div][/nobr]
 

Fyuri

積ん読
Administrator
Supporter
#2
You need to hide the other tabs
Code:
[div class=tabcontent1]htethhetetheththeethetheththeeth shit here suh dyde[/div]
[div class=tabcontent2 style="display:none;"]htethhetetheththeethetheththeeth shit here[/div]
[div class=tabcontent3 style="display:none;"]htethhetetheththeethetheththeeth shit here zsd[/div][/nobr]
 
#3
You need to hide the other tabs
Code:
[div class=tabcontent1]htethhetetheththeethetheththeeth shit here suh dyde[/div]
[div class=tabcontent2 style="display:none;"]htethhetetheththeethetheththeeth shit here[/div]
[div class=tabcontent3 style="display:none;"]htethhetetheththeethetheththeeth shit here zsd[/div][/nobr]
Alright! Thanks.
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top