]> source.dussan.org Git - jquery-ui.git/commitdiff
Accordion: Removed requirement for headers contain a child (and removed associated...
authorScott González <scott.gonzalez@gmail.com>
Mon, 27 Feb 2012 02:37:44 +0000 (21:37 -0500)
committerScott González <scott.gonzalez@gmail.com>
Mon, 27 Feb 2012 14:05:22 +0000 (09:05 -0500)
13 files changed:
demos/accordion/collapsible.html
demos/accordion/custom-icons.html
demos/accordion/default.html
demos/accordion/fillspace.html
demos/accordion/hoverintent.html
demos/accordion/mouseover.html
demos/accordion/no-auto-height.html
demos/accordion/sortable.html
tests/unit/accordion/accordion.html
tests/unit/accordion/accordion_core.js
tests/unit/accordion/accordion_deprecated.html
themes/base/jquery.ui.accordion.css
ui/jquery.ui.accordion.js

index 310e550a93e01f23a97a4758ee7f4646d2141c72..922df00cb6f1f85048dbca8132c3e6eab54f7a68 100644 (file)
 <div class="demo">
 
 <div id="accordion">
-       <h3><a href="#">Section 1</a></h3>
+       <h3>Section 1</h3>
        <div>
                <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
        </div>
-       <h3><a href="#">Section 2</a></h3>
+       <h3>Section 2</h3>
        <div>
                <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
        </div>
-       <h3><a href="#">Section 3</a></h3>
+       <h3>Section 3</h3>
        <div>
                <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
                <ul>
@@ -39,7 +39,7 @@
                        <li>List item three</li>
                </ul>
        </div>
-       <h3><a href="#">Section 4</a></h3>
+       <h3>Section 4</h3>
        <div>
                <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
        </div>
index e2fc9bdb1405b45f752a00df5049fa388329d98f..c41af1120b2bd894ceccf66eeaca3173fff130f7 100644 (file)
 <div class="demo">
 
 <div id="accordion">
-       <h3><a href="#">Section 1</a></h3>
+       <h3>Section 1</h3>
        <div>
                <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
        </div>
-       <h3><a href="#">Section 2</a></h3>
+       <h3>Section 2</h3>
        <div>
                <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
        </div>
-       <h3><a href="#">Section 3</a></h3>
+       <h3>Section 3</h3>
        <div>
                <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
                <ul>
@@ -49,7 +49,7 @@
                        <li>List item three</li>
                </ul>
        </div>
-       <h3><a href="#">Section 4</a></h3>
+       <h3>Section 4</h3>
        <div>
                <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
        </div>
index 4afc2b129c04af1cf94296ee0a7a0044db809baf..67197aa20682578526ba0f2303897c8694a37c36 100644 (file)
@@ -20,7 +20,7 @@
 <div class="demo">
 
 <div id="accordion">
-       <h3><a href="#">Section 1</a></h3>
+       <h3>Section 1</h3>
        <div>
                <p>
                Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
@@ -29,7 +29,7 @@
                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
                </p>
        </div>
-       <h3><a href="#">Section 2</a></h3>
+       <h3>Section 2</h3>
        <div>
                <p>
                Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
@@ -38,7 +38,7 @@
                suscipit faucibus urna.
                </p>
        </div>
-       <h3><a href="#">Section 3</a></h3>
+       <h3>Section 3</h3>
        <div>
                <p>
                Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
@@ -52,7 +52,7 @@
                        <li>List item three</li>
                </ul>
        </div>
-       <h3><a href="#">Section 4</a></h3>
+       <h3>Section 4</h3>
        <div>
                <p>
                Cras dictum. Pellentesque habitant morbi tristique senectus et netus
index 3a7d81edc9ce0686f876932e7062b729a7c0cbc0..6095fa33ff9effb212efe7d4650f75aa0b5c4e6e 100644 (file)
 <div id="accordionResizer" style="padding:10px; width:350px; height:220px;" class="ui-widget-content">
 
 <div id="accordion">
-       <h3><a href="#">Section 1</a></h3>
+       <h3>Section 1</h3>
        <div>
                <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
        </div>
-       <h3><a href="#">Section 2</a></h3>
+       <h3>Section 2</h3>
        <div>
                <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
        </div>
-       <h3><a href="#">Section 3</a></h3>
+       <h3>Section 3</h3>
        <div>
                <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
                <ul>
@@ -54,7 +54,7 @@
                        <li>List item three</li>
                </ul>
        </div>
-       <h3><a href="#">Section 4</a></h3>
+       <h3>Section 4</h3>
        <div>
                <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
        </div>
index 8f628bda8be0f3d25d991f24ca7575c4ededdede..d08c64be6964a4c45dede8b05e0160a288f283e2 100644 (file)
@@ -73,7 +73,7 @@
 <div class="demo">
 
 <div id="accordion">
-       <h3><a href="#">Section 1</a></h3>
+       <h3>Section 1</h3>
        <div>
                <p>
                Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
@@ -82,7 +82,7 @@
                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
                </p>
        </div>
-       <h3><a href="#">Section 2</a></h3>
+       <h3>Section 2</h3>
        <div>
                <p>
                Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
@@ -91,7 +91,7 @@
                suscipit faucibus urna.
                </p>
        </div>
-       <h3><a href="#">Section 3</a></h3>
+       <h3>Section 3</h3>
        <div>
                <p>
                Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
                        <li>List item three</li>
                </ul>
        </div>
-       <h3><a href="#">Section 4</a></h3>
+       <h3>Section 4</h3>
        <div>
                <p>
                Cras dictum. Pellentesque habitant morbi tristique senectus et netus
index 6f4bc2e6949eec1c623372ccc5965401224e08fa..cbf6a78ac9ead84ceb53d5294481939369cf058d 100644 (file)
 <div class="demo">
 
 <div id="accordion">
-       <h3><a href="#">Section 1</a></h3>
+       <h3>Section 1</h3>
        <div>
                <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
        </div>
-       <h3><a href="#">Section 2</a></h3>
+       <h3>Section 2</h3>
        <div>
                <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
        </div>
-       <h3><a href="#">Section 3</a></h3>
+       <h3>Section 3</h3>
        <div>
                <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
                <ul>
@@ -39,7 +39,7 @@
                        <li>List item three</li>
                </ul>
        </div>
-       <h3><a href="#">Section 4</a></h3>
+       <h3>Section 4</h3>
        <div>
                <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
        </div>
index c51880b7138ff166c28bd45429d2d1052c05bde4..de07d625b1bad3e343e7031d3634aded8a4e6791 100644 (file)
 <div class="demo">
 
 <div id="accordion">
-       <h3><a href="#section1">Section 1</a></h3>
+       <h3>Section 1</h3>
        <div>
                <p>Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
        </div>
-       <h3><a href="#section2">Section 2</a></h3>
+       <h3>Section 2</h3>
        <div>
                <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
        </div>
-       <h3><a href="#section3">Section 3</a></h3>
+       <h3>Section 3</h3>
        <div>
                <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
                <ul>
@@ -42,7 +42,6 @@
                        <li>List item</li>
                        <li>List item</li>
                </ul>
-               <a href="#othercontent">Link to other content</a>
        </div>
 </div>
 
index 60b5d3c70e1c328255d3557a8ddb20cc2dc4aa63..cf9e8c86bc8b598d10826f09222d52cd8c37d116 100644 (file)
 
 <div id="accordion">
        <div class="group">
-               <h3><a href="#">Section 1</a></h3>
+               <h3>Section 1</h3>
                <div>
                        <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
                </div>
        </div>
        <div class="group">
-               <h3><a href="#">Section 2</a></h3>
+               <h3>Section 2</h3>
                <div>
                        <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
                </div>
        </div>
        <div class="group">
-               <h3><a href="#">Section 3</a></h3>
+               <h3>Section 3</h3>
                <div>
                        <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
                        <ul>
@@ -62,7 +62,7 @@
                </div>
        </div>
        <div class="group">
-               <h3><a href="#">Section 4</a></h3>
+               <h3>Section 4</h3>
                <div>
                        <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
                </div>
index ed9b1aa1d3a0adac4daae59506b8176d91f3169d..109b3094e37dc54e178c28e450e6221f7012363b 100644 (file)
@@ -51,7 +51,7 @@
 <div id="qunit-fixture">
 
 <div id="list1" class="foo">
-       <h3 class="bar"><a class="anchor">There is one obvious advantage:</a></h3>
+       <h3 class="bar">There is one obvious advantage:</h3>
        <div class="foo">
                <p>
                        You've seen it coming!
@@ -61,7 +61,7 @@
                        Well, at least no free beer. Perhaps a bear, if you can afford it.
                </p>
        </div>
-       <h3 class="bar"><a class="anchor">Now that you've got...</a></h3>
+       <h3 class="bar">Now that you've got...</h3>
        <div class="foo">
                <p>
                        your bear, you have to admit it!
@@ -72,7 +72,7 @@
                        We could talk about renting one.
                </p>
        </div>
-       <h3 class="bar"><a class="anchor">Rent one bear, ...</a></h3>
+       <h3 class="bar">Rent one bear, ...</h3>
        <div class="foo">
                <p>
                        get two for three beer.
 
 <dl id="accordion-dl">
        <dt>
-               <a href="#">Accordion Header 1</a>
+               Accordion Header 1
        </dt>
        <dd>
                Accordion Content 1
        </dd>
        <dt>
-               <a href="#">Accordion Header 2</a>
+               Accordion Header 2
        </dt>
        <dd>
                Accordion Content 2
        </dd>
        <dt>
-               <a href="#">Accordion Header 3</a>
+               Accordion Header 3
        </dt>
        <dd>
                Accordion Content 3
index 3442cad62ec3f68feab7ca1eb9fa2da2083eeebe..de1b6604654d133c902b4dea7c395f071ae3c022 100644 (file)
@@ -24,13 +24,6 @@ test( "handle click on header-descendant", function() {
        accordion_state( element, 0, 1, 0 );
 });
 
-test( "ui-accordion-heading class added to headers anchor", function() {
-       expect( 1 );
-       var element = $( "#list1" ).accordion();
-       var anchors = element.find( ".ui-accordion-heading" );
-       equal( anchors.length, 3 );
-});
-
 test( "accessibility", function () {
        expect( 13 );
        var element = $( "#list1" ).accordion().accordion( "option", "active", 1 );
index f730d8029f0b3461694f29865460fc80bf207dbf..583c1adcd86e3483857ed810d0320ba6e29513c6 100644 (file)
@@ -49,7 +49,7 @@
 <div id="qunit-fixture">
 
 <div id="list1" class="foo">
-       <h3 class="bar"><a class="anchor">There is one obvious advantage:</a></h3>
+       <h3 class="bar">There is one obvious advantage:</h3>
        <div class="foo">
                <p>
                        You've seen it coming!
@@ -59,7 +59,7 @@
                        Well, at least no free beer. Perhaps a bear, if you can afford it.
                </p>
        </div>
-       <h3 class="bar"><a class="anchor">Now that you've got...</a></h3>
+       <h3 class="bar">Now that you've got...</h3>
        <div class="foo">
                <p>
                        your bear, you have to admit it!
@@ -70,7 +70,7 @@
                        We could talk about renting one.
                </p>
        </div>
-       <h3 class="bar"><a class="anchor">Rent one bear, ...</a></h3>
+       <h3 class="bar">Rent one bear, ...</h3>
        <div class="foo">
                <p>
                        get two for three beer.
 
 <dl id="accordion-dl">
        <dt>
-               <a href="#">Accordion Header 1</a>
+               Accordion Header 1
        </dt>
        <dd>
                Accordion Content 1
        </dd>
        <dt>
-               <a href="#">Accordion Header 2</a>
+               Accordion Header 2
        </dt>
        <dd>
                Accordion Content 2
        </dd>
        <dt>
-               <a href="#">Accordion Header 3</a>
+               Accordion Header 3
        </dt>
        <dd>
                Accordion Content 3
index 721ef336e690979bf4aea11be30f519c97d0efcb..2a423949cb712cae6cdcc431e292eb220541940c 100644 (file)
@@ -9,11 +9,10 @@
  */
 /* IE/Win - Fix animation bug - #4615 */
 .ui-accordion { width: 100%; }
-.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 2px; zoom: 1; }
-.ui-accordion .ui-accordion-heading { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
-.ui-accordion-icons a.ui-accordion-heading { padding-left: 2.2em; }
-.ui-accordion-noicons a.ui-accordion-heading { padding-left: .7em; }
-.ui-accordion-icons .ui-accordion-icons a.ui-accordion-heading { padding-left: 2.2em; }
+.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
+.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
+.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
+.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
 .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; display: none; zoom: 1; }
 .ui-accordion .ui-accordion-content-active { display: block; }
index 01600ba4e98601ca2f8936055b9117b551186e93..48e964a94479ef89379aaba5c442b83d32a3ae3c 100644 (file)
@@ -42,7 +42,6 @@ $.widget( "ui.accordion", {
                        .addClass( "ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" );
                this._hoverable( this.headers );
                this._focusable( this.headers );
-               this.headers.find( ":first-child" ).addClass( "ui-accordion-heading" );
 
                this.headers.next()
                        .addClass( "ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" );
@@ -95,11 +94,6 @@ $.widget( "ui.accordion", {
                        });
                }
 
-               // only need links in tab order for Safari
-               if ( !$.browser.safari ) {
-                       this.headers.find( "a" ).attr( "tabIndex", -1 );
-               }
-
                this._setupEvents( options.event );
        },
 
@@ -146,9 +140,6 @@ $.widget( "ui.accordion", {
                        .removeAttr( "tabIndex" )
                        .find( "a" )
                                .removeAttr( "tabIndex" )
-                       .end()
-                       .find( ".ui-accordion-heading" )
-                               .removeClass( "ui-accordion-heading" );
                this._destroyIcons();
 
                // clean up content panels