variable used withing multiple selector
<p>ok, yet another jquery selector nightmare for me ! i've read about 20 questions with similar topic, but I couldnt find one with my problem ... sorry if it did exist ( probably does somewhere ) its seems pointlessly easy but somehow I cant get it to work.</p>

<p>I have a list of img, and when you click on one, I get hold of its 2nd class. Once I have this second class, i want to hide or show other element who have that class</p>

<p>heres some code to clarify : </p>

<pre><code>&lt;ul id="thumbail_list"&gt;
   &lt;li class="image fantome"&gt;&lt;img src="images/fantome.png"/&gt;&lt;/li&gt;
&lt;ul&gt;
</code></pre>

<p>lets say I click on my fantome image I want that somewhere else a paragraph with class texte and fantome which is hidden by default become visible.</p>

<pre><code>$('#thumbail_list li').click(function() {

    var Chosenclass = $(this).attr('class').split(' ')[1];  
    var texte = '.text .' + Chosenclass ;
    var image = '.image .' + Chosenclass ;

    $('.image').fadeIn('slow', function(){
        $(image).fadeOut('slow', function(){
            $(texte).fadeIn('slow');            
        });

    });
}
</code></pre>

<p>but I cant get this to work, console doesnt show me any error, and I,ve put alert everywhere and it always show me what I want ... but the invisible text wont show.</p>
