Stop Child Elements from Inheriting Parent Style, Broken Tabs Javascript
- by WillingLearner
I am using the flowplayer jquery tabs plugin:
http://flowplayer.org/tools/tabs/index.html
Im having mucho difficulty when placing my child elements inside the panes divs, and stopping them from inheriting the style of the container pane div.
Its breaking my layout to pieces and i need to know how to override the style and just keep the container panes div only to itself.
Also, im having a devil of a time trying to call 2 different sets of tabs and panes. Im not getting the classes and IDs right, the javascript, or something along those lines. How would i set this up so i can call (tabs A / panes A) and then (tabs B / panes B), css wise, and javascript wise? My current javascript is:
<!-- This JavaScript snippet activates the tabs -->
<script>
// perform JavaScript after the document is scriptable.
$(function() {
// setup ul.tabs to work as tabs for each div directly under div.panes
$("ul.tabs").tabs("div.panes1 > div");
//$("ul.tabs.myprofile").tabs("div.panes > div");
});
</script>
This only works for 1 set of tabs and panes on a page. Dosent help me much if i want to call 2 totally different sets. Ive gone over the documentation many times but im still not getting it.
Please help me find a solution to BOTH of my problems. Thanks.