jQuery Sliding Div

Question

jQueryを使用しているページにスライディングdivがあります。複数のインスタンスが必要です。彼jQueryのスクリプトがある瞬間に

...

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 
    $(".show_hide").show(); 

$('.show_hide').click(function(){ 
$(".slidingDiv").slideToggle(); 
}); 

}); 

、私のリンク/ divが

<a href="#" class="show_hide" style="display: inline; ">test<span style="float:right;">+</span></a> 

<div class="slidingDiv" style="display: none; "> 
<div class="information-alert">test</div> 

にはどうすれば複数のインスタンスを作成するに行くか...ですか？ jQueryのうちおかげ

Answer 1

は、私が "slideToggle右クリックした要素の後に行くの要素" を意味

$(this).next().slideToggle(); 

に

$(".slidingDiv").slideToggle(); 

を変更して行くだろう。

が

Answer 2

チェック各方法http://api.jquery.com/each/

私はあなたが複数のインスタンスを作成したいかを正確に確認していない：？slidingDiv、show_hideリンクを？どちらも？

とにかく、複数のインスタンスを繰り返し処理するには、それぞれのメソッドを使用する必要があります。

Answer 3

this JSFiddleは、このような接触のdivがダウンしたときにことを仕事に私のスクリプトを取得しようとすると参照してください、あなたがクリックする任意の-ところが、接触のdivは、それがアップ後ろにスライドします。可能であれば、私はいくつかのヒントを期待していたこの間違ったことについて私は知っている。

Here is a link私がやっていることです。

$(document).ready(function() { 

    $("a.contact-btn").toggle(
       function() { 
       $("#contact").animate({"top": "0"}, 900, "linear"); 
       }, 
       function() { 
       $("#contact").animate({"top": "-450px"}, 900, "linear"); 
        }); 




    $('body').bind('click', function(e) { 

     var position = $('#contact').css('marginTop'); 

     if (position != '-450px') { 
      $("#contact").animate({"top": "-450px"}, 900, "linear"); 
      e.preventDefault(); 
      } 

      else if('#contact') { 
       $("#contact").animate({"top": "0"}, 900, "linear"); 
        } 
      });  
      });