library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Accordion: Added .ui-accordion-heading class to header's first child. Fixes #6743 - Accordion: Add .ui-accordion-heading class.

Browse Source
This commit is contained in:
Alex Dovenmuehle 2010-12-06 00:56:19 -05:00 committed by Scott González
parent 0cc1a0c030
commit f54747b302
6 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
tests/unit/accordion/accordion.html
View File

@ -64,7 +64,7 @@
<div> <div>
<div id="list1" class="foo"> <div id="list1" class="foo">
<a class="bar">There is one obvious advantage:</a> <h3 class="bar"><a class="anchor">There is one obvious advantage:</a></h3>
<div class="foo"> <div class="foo">
<p> <p>
You've seen it coming! You've seen it coming!
@ -74,7 +74,7 @@
Well, at least no free beer. Perhaps a bear, if you can afford it. Well, at least no free beer. Perhaps a bear, if you can afford it.
</p> </p>
</div> </div>
<a class="bar">Now that you've got...</a> <h3 class="bar"><a class="anchor">Now that you've got...</a></h3>
<div class="foo"> <div class="foo">
<p> <p>
your bear, you have to admit it! your bear, you have to admit it!
@ -85,7 +85,7 @@
We could talk about renting one. We could talk about renting one.
</p> </p>
</div> </div>
<a class="bar">Rent one bear, ...</a> <h3 class="bar"><a class="anchor">Rent one bear, ...</a></h3>
<div class="foo"> <div class="foo">
<p> <p>
get two for three beer. get two for three beer.

7
tests/unit/accordion/accordion_core.js
View File

@ -13,6 +13,13 @@ test("handle click on header-descendant", function() {
state(ac, 0, 1, 0); state(ac, 0, 1, 0);
}); });
test("ui-accordion-heading class added to headers anchor", function() {
expect(1);
var ac = $("#list1").accordion();
var anchors = $(".ui-accordion-heading");
equals( anchors.length, "3");
});
test("accessibility", function () { test("accessibility", function () {
expect(9); expect(9);
var ac = $('#list1').accordion().accordion("activate", 1); var ac = $('#list1').accordion().accordion("activate", 1);

8
tests/unit/accordion/accordion_methods.js
View File

@ -95,7 +95,7 @@ test("activate, boolean, collapsible: false", function() {
}); });
test("activate, string expression", function() { test("activate, string expression", function() {
var ac = $('#list1').accordion({ active: "a:last" }); var ac = $('#list1').accordion({ active: "h3:last" });
state(ac, 0, 0, 1); state(ac, 0, 0, 1);
ac.accordion("activate", ":first"); ac.accordion("activate", ":first");
state(ac, 1, 0, 0); state(ac, 1, 0, 0);
@ -106,11 +106,11 @@ test("activate, string expression", function() {
}); });
test("activate, jQuery or DOM element", function() { test("activate, jQuery or DOM element", function() {
var ac = $('#list1').accordion({ active: $("#list1 a:last") }); var ac = $('#list1').accordion({ active: $("#list1 h3:last") });
state(ac, 0, 0, 1); state(ac, 0, 0, 1);
ac.accordion("activate", $("#list1 a:first")); ac.accordion("activate", $("#list1 h3:first"));
state(ac, 1, 0, 0); state(ac, 1, 0, 0);
ac.accordion("activate", $("#list1 a")[1]); ac.accordion("activate", $("#list1 h3")[1]);
state(ac, 0, 1, 0); state(ac, 0, 1, 0);
}); });

12
tests/unit/accordion/accordion_options.js
View File

@ -13,28 +13,28 @@ test("{ active: first child }, default", function() {
test("{ active: Selector }", function() { test("{ active: Selector }", function() {
var ac = $("#list1").accordion({ var ac = $("#list1").accordion({
active: "a:last" active: "h3:last"
}); });
state(ac, 0, 0, 1); state(ac, 0, 0, 1);
ac.accordion('option', 'active', "a:eq(1)"); ac.accordion('option', 'active', "h3:eq(1)");
state(ac, 0, 1, 0); state(ac, 0, 1, 0);
}); });
test("{ active: Element }", function() { test("{ active: Element }", function() {
var ac = $("#list1").accordion({ var ac = $("#list1").accordion({
active: $("#list1 a:last")[0] active: $("#list1 h3:last")[0]
}); });
state(ac, 0, 0, 1); state(ac, 0, 0, 1);
ac.accordion('option', 'active', $("#list1 a:eq(1)")[0]); ac.accordion('option', 'active', $("#list1 h3:eq(1)")[0]);
state(ac, 0, 1, 0); state(ac, 0, 1, 0);
}); });
test("{ active: jQuery Object }", function() { test("{ active: jQuery Object }", function() {
var ac = $("#list1").accordion({ var ac = $("#list1").accordion({
active: $("#list1 a:last") active: $("#list1 h3:last")
}); });
state(ac, 0, 0, 1); state(ac, 0, 0, 1);
ac.accordion('option', 'active', $("#list1 a:eq(1)")); ac.accordion('option', 'active', $("#list1 h3:eq(1)"));
state(ac, 0, 1, 0); state(ac, 0, 1, 0);
}); });

4
themes/base/jquery.ui.accordion.css vendored
View File

@ -12,8 +12,8 @@
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion .ui-accordion-heading { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion-icons .ui-accordion-heading { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; } .ui-accordion .ui-accordion-content-active { display: block; }

2
ui/jquery.ui.accordion.js vendored
View File

@ -75,6 +75,7 @@ $.widget( "ui.accordion", {
self.headers.next() self.headers.next()
.addClass( "ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" ); .addClass( "ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" );
self.headers.find( ":first-child" ).addClass( "ui-accordion-heading" );
if ( options.navigation ) { if ( options.navigation ) {
var current = self.element.find( "a" ).filter( options.navigationFilter ).eq( 0 ); var current = self.element.find( "a" ).filter( options.navigationFilter ).eq( 0 );
@ -177,6 +178,7 @@ $.widget( "ui.accordion", {
this.headers.find( "a" ).removeAttr( "tabIndex" ); this.headers.find( "a" ).removeAttr( "tabIndex" );
this._destroyIcons(); this._destroyIcons();
this.headers.find( "a:first-child" ).removeClass( "ui-accordion-heading" );
var contents = this.headers.next() var contents = this.headers.next()
.css( "display", "" ) .css( "display", "" )
.removeAttr( "role" ) .removeAttr( "role" )