Changeset 24644

Timestamp:

07/10/2013 04:32:09 PM (13 years ago)

Author:

helen

Message:

Add sliding animations to the accordion. props kovshenin, DrewAPicture, helen. fixes #23890.

Location:

trunk/wp-admin

Files:

• css/wp-admin.css (modified) (2 diffs)
• js/accordion.js (modified) (1 diff)

trunk/wp-admin/css/wp-admin.css

@@ -8885 +8885 @@
 .no-js .accordion-section .accordion-section-content {
     display: block;
-    background: #fdfdfd;
-    border-left: 1px solid #dfdfdf;
-    border-right: 1px solid #dfdfdf;
 }
 
@@ -8898 +8895 @@
     padding: 10px 20px 15px;
     overflow: hidden;
+    background: #fdfdfd;
+    border-left: 1px solid #dfdfdf;
+    border-right: 1px solid #dfdfdf;
 }
 

trunk/wp-admin/js/accordion.js

@@ -6 +6 @@
         e.preventDefault(); // Keep this AFTER the key filter above
 
-        var section = $( this ).closest( '.accordion-section' );
+        var section = $( this ).closest( '.accordion-section' ),
+            siblings = section.siblings( '.open' ),
+            content = section.find( '.accordion-section-content' );
 
         if ( section.hasClass('cannot-expand') )
             return;
 
-        section.siblings( '.open' ).removeClass( 'open' );
+        siblings.removeClass( 'open' );
+        siblings.find( '.accordion-section-content' ).show().slideUp( 150 );
+        content.toggle( section.hasClass( 'open' ) ).slideToggle( 150 );
         section.toggleClass( 'open' );
     });