Results 1 to 2 of 2

Thread: jQuery tabs problem

  1. #1
    Join Date
    Jul 2009
    Posts
    11

    jQuery tabs problem

    Hi there. I've got a bit stuck using featured content boxes in tabs.

    Basically, each tab needs a featured content box in it. The first one works fine, but then they break because I can't work out how to make the following apply to the other boxes.

    Code:
    <script type="text/javascript">
    	$(document).ready(function(){
    		$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    
    	});
    </script>
    What I really want is something like:

    HTML Code:
    <script type="text/javascript">
    	$(document).ready(function(){
    		$("[B]#featured, #featured2, #featured3, #featured4[/B]  > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    
    	});
    </script>

    But I can't figure out the syntax.

    Here's the page in full:

    http://blinkseo.co.uk/unitest.html

    I hope this make sense, and thanks in advance for your help!

  2. #2
    Join Date
    May 2011
    Posts
    40
    You could have the contents of each tab put into a <div>, or something, of it's own then when a tab is clicked, the corresponding <div> or whatever is shown and the others are hidden. jQuery I believe can handle the showing and hiding very well. If this aproach sounds acceptable to you you may want to consider pausing the animation when that <div> or whatever is hidden. Simple boolean checks should suffice for this.

Similar Threads

  1. jquery co***ict problem (may be)
    By the_dinesh in forum Client & Server Side Scripting (PHP, ASP, JavaScript)
    Replies: 0
    Last Post: 28 Sep 2010, 12:23 AM
  2. jquery and ajax problem
    By maximus8888 in forum Client & Server Side Scripting (PHP, ASP, JavaScript)
    Replies: 0
    Last Post: 15 Apr 2010, 01:12 AM
  3. Problem with jquery tabs, Firefox and IE7
    By pbul2004 in forum Web Design, HTML Reference and CSS
    Replies: 0
    Last Post: 06 Mar 2010, 06:47 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •