Create Dynamic Tabs Using Jquery And CSS

In this blog I explain how creates dynamic tabs using Jquery and CSS. Before start this blog I will recommended to read article

Create Tabs Using jQuery and CSS

1. Create Function For Dynamic Tabs:

<script type="text/javascript">
$(document).ready(function()
{
$("#tabs").tabs({
fx:{opacity:"toggle"},
}).tabs("add","#tabFourm","Fourm")
$("#tabFourm").append("This is Fourm section");
});
</script>

Above function represents that there is #tabs is main div container. Here tabs() function contains three argument. Argument description:

1. add : Represents that add the new tab.

2. #tabFourm : Represents id selector for div. This div uses to show content for tab.

3. Fourm : Represents display text on tab.

Here append() method uses to add content on div.

2. Entire Code :