Skip to content

Accordion updates #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
christopherliu wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Accordion updates #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
528f7ae
Removed style attributes specific to certain instances of accordion.
christopherliu Feb 22, 2011
dfe91c4
Class ui-li-accordion-open can now be specified in advance to keep a …
christopherliu Feb 22, 2011
cbbab0e
Fixed bugs with initial expansion and "rebound" expansion
christopherliu Feb 22, 2011
2ba4179
Removed commented out log call
christopherliu Feb 26, 2011
86c3ee0
Removed log call
christopherliu Apr 18, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 0 additions & 2 deletions experiments/listview-accordion/jquery.mobile.listview.accordion.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@
.ui-li-accordion {
height:171px;
background-color: #000000;
display: none;
position: relative;}
30 changes: 20 additions & 10 deletions experiments/listview-accordion/jquery.mobile.listview.accordion.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,20 @@
/*
* jQuery Mobile Framework : listview accordion extension
* Copyright (c) Boris Smus
* Copyright (c) Boris Smus, Christopher Liu
* Note: Code is in draft form and is subject to change
*/
(function($, undefined ) {

$( "[data-role='listview']" ).live( "listviewcreate", function() {
var list = $( this ),
listview = list.data( "listview" );


var accordionExpandOne = function(accordion) {
// Close all other accordion flaps
list.find('.ui-li-accordion').slideUp();
// Open this flap
accordion.slideToggle();
}
var accordionDecorator = function() {
list.find('.ui-li-accordion').each(function(index, accordion) {
// Format the accordion accordingly:
Expand All @@ -29,23 +35,27 @@ $( "[data-role='listview']" ).live( "listviewcreate", function() {
$li.find('a').remove();
// Bind click handler to show the accordion
$li.bind('click', function() {
// Check that the current flap isn't already open
var $accordion = $(this).find('.ui-li-accordion');
if ($accordion.css('display') != 'none') {
// Check that the current flap isn't already open
if ($accordion.hasClass('ui-li-accordion-open')) {
$accordion.slideUp();
$(this).removeClass('ui-li-accordion-open');
$accordion.removeClass('ui-li-accordion-open');
return;
}
// Close all other accordion flaps
list.find('.ui-li-accordion').slideUp();
// Open this flap
$accordion.slideToggle();
$(this).toggleClass('ui-li-accordion-open');
// If not, clear old classes
list.find('.ui-li-accordion-open').removeClass('ui-li-accordion-open');
$accordion.toggleClass('ui-li-accordion-open');
accordionExpandOne($accordion);
});
});
};
var accordionExpandInitial = function() {
//Expand anything already marked with -open.
accordionExpandOne(list.find('.ui-li-accordion-open'));
};

accordionDecorator();
accordionExpandInitial();

// Make sure that the decorator gets called on listview refresh too
var orig = listview.refresh;
Expand Down