The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Repair statistic tab.

View previous topic View next topic Go down

Repair statistic tab.

Post by Kartex on July 21st 2013, 9:28 pm

CSS:
Code:
<style type="text/css">
#tabswitch{font-family:Arial;font-size:12px;}
#tabswitch ul{list-style:none;margin:0;padding:0;clear:both;height:27px;}
#tabswitch ul li{float:left;margin:0;padding:5px;width:100px;border:solid 1px #EFEFEF;border-bottom:solid 1px #ffffff;cursor:pointer;}
#tabswitch ul li.active{background-color:#EFEFEF;border-bottom:solid 1px #EFEFEF}
#tabswitch ul li:hover{font-weight:bold;}
#tabswitch .tab-container{border:solid 1px #EFEFEF;padding:10px;background-color:#EFEFEF;display:none;}
</style>

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#tabswitch ul li:first").addClass("active");
jQuery("#tabswitch div.tab-container:first").show();

jQuery("#tabswitch ul li").click(function(){
jQuery("#tabswitch div.tab-container").hide();
jQuery("#tabswitch ul li").removeClass("active");

var tab_class = jQuery(this).attr("class");

jQuery("#tabswitch div." + tab_class).show();
jQuery("#tabswitch ul li." + tab_class).addClass("active");
})
});
</script>

HTML:
Code:
<div id="tabswitch">

<ul>
<li class="tab1">Tab 1</li>
<li class="tab2">Tab 2</li>
<li class="tab3">Tab 3</li>
</ul>

<div class="tab-container tab1">
Content for Tab 1
</div>

<div class="tab-container tab2">
Content for Tab 2
</div>

<div class="tab-container tab3">
Content for Tab 3
</div>

</div>

Error:


How do you be completed to appear and content2 content3 content1

Kartex
New Member

Posts : 10
Reputation : 1
Language : Romanian

Back to top Go down

Re: Repair statistic tab.

Post by Kartex on July 22nd 2013, 9:30 am

bump.

Kartex
New Member

Posts : 10
Reputation : 1
Language : Romanian

Back to top Go down

Re: Repair statistic tab.

Post by Kartex on July 22nd 2013, 8:55 pm

Someone?I need urgently

Kartex
New Member

Posts : 10
Reputation : 1
Language : Romanian

Back to top Go down

Re: Repair statistic tab.

Post by SLGray on July 22nd 2013, 8:59 pm

@Kartex wrote:bump.

@Kartex wrote:Someone?I need urgently
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Repair statistic tab.

Post by levy on July 23rd 2013, 12:06 am

And what is the error ,because you don't have background ?

Try this tutorial : http://fmsoftware.quickbb.com/t27-organic-tabs

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Re: Repair statistic tab.

Post by Kartex on July 23rd 2013, 9:15 am

You can make my code work?
To appear in a content1, 2, 3

Kartex
New Member

Posts : 10
Reputation : 1
Language : Romanian

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum