Results 1 to 2 of 2

Thread: jQuery UI tabs (newbie)

  1. #1
    Join Date
    Jun 2011

    jQuery UI tabs (newbie)

    Hi all,

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

    <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 id="second-tab">
                    Content for the second tab
    	    <div id="third-tab">
                    Content for the third tab
    	</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:

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


  2. #2
    Join Date
    Mar 2007
    Try asking in the frameworks (JQuery) forum
    Yes, I know I'm about as subtle as being hit by a bus..(\\.\ Aug08)
    Yep... I say it like I see it, even if it is like a baseball bat in the nutz... (\\.\ Aug08)
    I want to leave this world the same way I came into it, Screaming, Incontinent & No memory!
    I laughed that hard I burst my colostomy bag... (\\.\ May03)
    Life for some is like a car accident... Mine is like a motorway pile up...

    Problems with Vista? :: Getting Cryptic wid it. :: The 'C' word! :: Whois?

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