jqueryどのように言語divを表示/非表示にする？

Question

要約すると、私は食べ物の画像と対応するレシピdivを持つスライダーを持っています。レシピdivでは、ドイツ語と英語のテキストを一度に読み込みますが、英語が表示されるように設定されています：なし

言語の選択に基づいて適切なdivを表示/非表示するにはどうすればよいですか？

<span id="lang"> 
    <span id="de" class="selectlang"> 
     <img src="imgs/lang_de.jpg" alt="German" /> 
    </span> 
    | 
    <span id="en" class="selectlang"> 
     <img src="imgs/lang_en.jpg" alt="English" /> 
    </span> 
</span> 

と私は

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#recipes').orbit({ 
      timer: false, 
      bullets: true, 
      captions: true, 
      afterSlideChange: textSlides 
     }); 
     $('.selectlang').click(function() { 
      var theId = "." + $(this).attr('id'); 
      alert(theId); 
      $(theId).toggle().show(); 

     }); 
    }); 

    function textSlides() { 
     var theId = "#d" + $(this).attr('id'); 
     $(theId).toggle().siblings().hide() 
    } 
</script> 

敬具

Answer 1

TrhyこのLINK

$('.selectlang').click(function() { 
    var theId = "#" + $(this).attr('id'); 
    alert(theId); 
    $("#lang span").show(); 

    $(theId).hide(); 


}); 

Answer 2

ライン

$(theId).toggle().show() 

followinのjQueryを試してみましたが、右ではないです。

toggle（）は非表示の場合は要素を表示し、表示されている場合は非表示にします。

選択した言語にはshow（）を使用し、選択解除された言語にはhide（）を使用します。

英語の&ドイツ語のコンテンツ部門のマークアップは表示されていません。英語のクラスには "en"、ドイツ語には "de"のクラスがあることを確認できますか？

また、textSlides（）の$（this）は何ですか？それは "レシピ"じゃない？そして、このメソッドの#dプレフィックスのtheIdの関連性は？

Answer 3

jsfiddle例：

http://jsfiddle.net/jensbits/L7rx7/1/