Here is my Mootools effect with my very own TAB-Paging.
http://gigahertz.byethost18.com/index.php?option=com_comprofiler&task=userProfile&user=70&Itemid=30
Click on the tabs, the content will come-out in a fade in effect.
Looks cool.
Just one problem -
I want that onlt the Content (a inner div) will do the fade effect
only. But here, inner+outer div, both are doing 'fade' effect as a
result, the Tab's Border line also doing 'fade effect'.
Please help me to solve this issue.
The Structure -
<div class="tab-page" id="cbtab2"><h2 class="tab">Additional Info</
h2><script type="text/javascript">
tabPanecb_middle.addTabPage( document.getElementById( "cbtab2" ) );</
script>
<div class="tab-content cb_tab_content cb_tab_tab_main"
id="cb_tabid_2">
<table class="cbFieldsContentsTab cbFields" id="cbtf_2">
<tr class="sectiontableentry2" id="cbfr_35">
<td class="titleCell"><label
for="cbfl_35">City:</label></td>
<td class="fieldCell"
id="cbfv_35">Delhi</td>
</tr>
<tr class="sectiontableentry1" id="cbfr_38">
<td class="titleCell"><label
for="cbfl_38">Country:</label></td>
<td class="fieldCell"
id="cbfv_38">India</td>
</tr>
</table></div>
</div>
The CODE -
http://gigahertz.byethost18.com/demo3.js
(just 6 lines of code)
Please help me to solve this issue.
