2011-01-24 8 views
0

内のリンクに対処するためのHy、どのようにjqueryの

私これを成し遂げるために疲れて、長い時間が、気...私の知識があまりにも限られているということのようです!私が設定された第1の部分では

画像を背景と1がetcにあるいくつかのdivフェードをクリックして、よりできるメニュー、などのアコーディオンにデフォルトでロードされた場合、私は、今、この機能を持っている...

デフォルトのイメージアップロードし、アコーディオンの2つのリンクを定義するには:私のために正常に動作します

function initMenu() { 
    $('#menu ul.sub-1').hide(); 
    $('#menu ul.sub-2').hide(); 

    $('a:not(.main-active)').live('click', function(){ 

     var class = $(this).attr('id'); 
     $('#content ul').removeClass('active').fadeOut('fast'); 
     $('#content ul.'+class).addClass('active').delay(300).fadeIn(1000); 

     var checkElement = $(this).next(); 
     if((checkElement.is('ul.sub-1')) && (!checkElement.is(':visible'))) { 

      $('ul.sub-1:visible').slideUp('slow'); 
      $(this).siblings().removeClass('main-active'); 
      $('a.main').removeClass('main-active'); 
      $('ul.sub-2:visible').slideUp('slow'); 
      $('ul.sub-2:visible').siblings().removeClass('sub-active'); 
      checkElement.slideDown('fast'); 
      $(this).addClass('main-active'); 
      $('a#logo').removeClass('main-active'); 
      $('.newsletter').fadeOut(500); 
     } 

     if((checkElement.is('ul.sub-2')) && (!checkElement.is(':visible'))) { 

      $('ul.sub-2:visible').slideUp('slow'); 
      $(this).siblings().removeClass('sub-active'); 
      $('a.main').removeClass('sub-active'); 
      checkElement.slideDown('fast'); 
      $(this).addClass('sub-active'); 
     } 
     return false; 
    } 
); 
} 

jQuery(function($) { 
    var $img = $('<img>', { 
     src: 'images/home.jpg', 
     load: function() { 
      $('#bg div table tr td').removeClass('loading').append(this); 
      $(this).fadeIn('slow'); 
     }, 
     css: {display: 'none'}  
     }).appendTo(document.body); 

     $('a#the-story:not(.main-active)').live('click', function(){ 
      $img.fadeOut('slow', function() { 
       $('#bg div table tr td').addClass('loading'); 
       $img.attr('src', 'images/the-story.jpg'); 
      }); 
     }); 

     $('a#the-estate:not(.main-active)').live('click', function(){ 
      $img.fadeOut('slow', function() { 
       $('#bg div table tr td').addClass('loading'); 
       $img.attr('src', 'images/the-estate.jpg'); 
      }); 
     }); 

    }); 

は、今私は私のアコーディオンを持っています。今私は、私のアコーデオンを開くよりも、私はそれを動作させることができませんでしたURLが欲しいので、jQuery.addressが動作することができるいくつかの関数を追加したい。私は例を試しましたが、jQuery.accordionはマルチレベルをサポートしていないため、アコーデオンそのものは私のためにはうまくいきませんでした...

私は何をすべきですか?

それは例えば言うよりも、最初のURLをチェックする方法のようになります。

+0

コードを書式設定してください。 –

答えて

0

OK]をクリックして、多分私はもっと簡単な質問をする必要があります。 www.url.com/#sublinkでこれとアニメーションを行う場合。それは可能でしょうか?