Salve a tutti, ho un problema con uno script jquery.
Partendo da una serie di link, vorrei che al click di uno dei link si aprisse un contenitore generale che include una serie di elementi di vari lavori, ma che al suo interno fosse visualizzato uno solo di questi elementi ben specifico...

Il mio script funziona solo per una parte... se faccio click su uno dei link (#thumbSkybox or #thumbExample) viene visualizzato il contenitore principale (#workExtend) ma purtroppo anche "tutti" gli elementi al suo interno ('#workSkybox' e '#workWebsite') e non uno in particolare a seconda del link su cui ho cliccato.

Qui di seguito c'è il javascript
codice:
    $(document).ready(function ()
    {
        //Hide (Collapse) the toggle containers on load
        $("#workExtend").hide();
    
        $(".thumbBox").click(function ()
        {
            $("#workExtend").slideToggle("slow");
            ('#workSkybox')[ ($(this).id() == 'thumbSkybox') ? 'hide' : 'show' ]();
            ('#workWebsite')[ ($(this).id() == 'thumbExample') ? 'hide' : 'show' ]();
            return false;
        });
        $("#close-project a").click(function()
        {
            $("#workExtend").hide("slow");
        });
    });
Mentre questo è l'html
codice:
    
    <div id="workExtend">
        <div id="workHeader">
            <p id="close-project">
                Close Project</p>
        </div>
        <div id="workContainer">
            <div id="workSkybox">
                Work PROJECT 1
            </div>
            <div id="workWebsite">
                Work PROJECT 2
            </div>
        </div>
    </div>



    <div id="thumbSkybox" class="thumbBox">
        [img]images/project1.jpg[/img]
    </div>
    <div id="thumbExample" class="thumbBox">
        [img]images/project2.jpg[/img]
    </div>