Главная

jquery code example

10 Июнь, 2009 - 00:13 — Vaulter 
/**
 * Andrey Zakharov <aazaharov81_gmail_com> 2009
 */
 
/**
 * Accordion effect for my
 * portfolio
 * @uses drupal, jquery, .left_articles h2
 * provides for css:
 *  .accordion-header
 *  #accord-1, #accord-2, and so on
 *///
if ( Drupal.jsEnabled ) {
  $( document ).ready( function() {
    var accordionNum = 1;//accordion number
    var sliding = false;
 
    $( ".left_articles h2" ).wrap( "<div class = 'accordion-header'></div>" ).mouseover( function( e ) {
 
      if ( false == sliding ) {
        sliding = true;
 
        $( ".left_articles h2" ).each( function() {
 
          if ( e.target.id == this.id ) {//we check all, and this one is event subject
 
            if ( ! $( e.target.accordion ).is( ":visible" ) ) {//show if hidden
              $( e.target.accordion ).slideDown( "fast", function() { sliding = false } );
 
            } else {
              sliding = false;
            }
 
          } else {
 
            if ( $( this.accordion ).is( ":visible" ) ) {//close if visible all others
              $( this.accordion ).slideUp( "fast", function() { sliding = false } );
            }
          }
        } );
      }
 
    } ).each( function() {
      this.accordion = $( this ).parent().next();
 
      if ( "" == this.id ) this.id = "accord-" + accordionNum++;
    } );
 
    $( "#header-blocks" ).fadeIn( "slow" );
 
  } );
}