dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: jQuery UI tabs (newbie)

  1. #1
    Join Date
    Jun 2011
    Posts
    15

    jQuery UI tabs (newbie)

    Hi all,

    I am using jQuery UI tabs with an unordered list like this:

    Code:
    <div id="jqueryui-tabs-wrapper">
        <div id="tabs-x">
            <ul id="tab-list">
                    <li><a href="#first-tab">First Tab<a/></li>
                    <li><a href="#second-tab">Second Tab<a/></li>
                    <li><a href="#third-tab">Third Tab<a/></li>
                </ul><!--end tab list-->
             
            <div id="tab-content">
    
                <div id="first-tab">
                    Content for the first tab
                </div>
            
    	    <div id="second-tab">
                    Content for the second tab
                </div>
            
    	    <div id="third-tab">
                    Content for the third tab
                </div>
    			
    	</div><!-- end tab content-->
    			
    	</div><!-- end tabs-x-->
    			
    </div><!-- end jquery-ui-tabs-wrapper-->


    Can anyone please tell me the syntax for "when I click on the heading "tab 2" do something to the content of tab 2" ie something like this:

    Code:
    (function ($) {
    $(document).ready(function(){
    $("#jquery-click-test").click(function(){
    $("#jquery-click-test").css({"background-color":"red","border":"6px solid green"});
    });
    });
    })(jQuery);



    Thanks...

  2. #2
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    2,595
    Try asking in the frameworks (JQuery) forum
    If your post falls off the page, bump it. ...
    Please remember to wrap any code you have in forum tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles