jquery how to hide/show a language div?
<p>In summary i have a slider with food images and a corresponding recipe div. In the recipe div i load german and english text at once but the english is set to display:none</p>

<p>How can i hide / show the right div based on a language selection?</p>

<pre><code>&lt;span id="lang"&gt;
    &lt;span id="de" class="selectlang"&gt;
        &lt;img  src="imgs/lang_de.jpg" alt="German" /&gt;
    &lt;/span&gt; 
    | 
    &lt;span id="en" class="selectlang"&gt;
        &lt;img src="imgs/lang_en.jpg" alt="English" /&gt;
    &lt;/span&gt;
&lt;/span&gt;
</code></pre>

<p>and i tried the followin jquery</p>

<pre><code>&lt;script type="text/javascript"&gt; 
    $(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()
    } 
&lt;/script&gt;
</code></pre>

<p>Best regards</p>
