Stop Child Elements from Inheriting Parent Style, Broken Tabs Javascript

Posted by WillingLearner on Stack Overflow See other posts from Stack Overflow or by WillingLearner
Published on 2011-01-03T06:46:47Z Indexed on 2011/01/03 6:54 UTC
Read the original article Hit count: 291

Filed under:
|
|

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.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about css