2017-05-22 8 views
-3

私はこれらの2つのjQuery関数を組み合わせようとしていますが、その方法はわかりません。私はjQueryに精通していません。どんな助けもありがとう。Jquery関数を組み合わせる必要があります

$(document).ready(function(){ 

    $(".slidingDiv_a").hide(); 
    $(".show_hide_a").show(); 

    $('.show_hide_a').click(function(){ 
     $(".slidingDiv_a").slideToggle(); 
    }); 

}); 

$(document).ready(function(){ 

    $(".slidingDiv_b").hide(); 
    $(".show_hide_b").show(); 

    $('.show_hide_b').click(function(){ 
     $(".slidingDiv_b").slideToggle(); 
    }); 

}); 
+1

は、コピー・ペーストを試してみましたか? 2番目の関数の内容を最初のものに入れるだけです –

+0

セレクタの接尾辞を取り、その特定の関数の作業を含む関数を返す単一の関数があります。または、それらを別々に必要としない場合は、同じ作業を行う接尾辞を取る関数への2つの関数呼び出しを行います。 –

答えて

0

ただ一つの大きな.ready()にすべてをかける:

$(document).ready(function(){ 
    $(".slidingDiv_a").hide(); 
    $(".show_hide_a").show(); 
    $(".slidingDiv_b").hide(); 
    $(".show_hide_b").show(); 

    $('.show_hide_a').click(function(){ 
     $(".slidingDiv_a").slideToggle(); 
    }); 

    $('.show_hide_b').click(function(){ 
     $(".slidingDiv_b").slideToggle(); 
    }); 
}); 
+0

私はこれがうまくいくと思います。私はCとDを追加する必要があるので、コードを短縮するためにケースやスイッチを使うことができると思ったのです – Donny

+0

@Donnyページの全体的な構造に応じて組み合わせる方法があります。あなたはクラス 'show_hide'を割り当ててから' $( '。show_hide').Click() 'を使うことができます。その関数では、idまたは親/子関係や他の接続を調べる必要があります。もしそれがほんの少数のアイテムであれば、繰り返しコードはしばしば最も簡単な解決法です。 – manassehkatz

+0

あなたの権利を繰り返していただきありがとうございます。 – Donny

関連する問題