переменная, используемая с несколькими селекторами

Question

ok, еще один кошмар для jquery selector для меня! Я прочитал около 20 вопросов с подобной темой, но я не смог найти один с моей проблемой ... извините, если он действительно существует (возможно, где-то), его кажется бессмысленным, но как-то я не могу заставить его работать.

У меня есть список img, и когда вы нажимаете на один, я получаю его 2-й класс. После того, как у меня есть этот второй класс, я хочу, чтобы скрыть или показать другой элемент, которые имеют этот класс

Heres некоторый код для уточнения:

<ul id="thumbail_list"> 
    <li class="image fantome"><img src="images/fantome.png"/></li> 
<ul> 

позволяет сказать, что я нажимаю на моем Фантом изображение, которое я хочу что-нибудь еще абзац с классом texte и fantome, который скрыт по умолчанию, становится видимым.

$('#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');    
     }); 

    }); 
} 

, но я не могу получить эту работу, консоль не показывает мне какую-то ошибку, и я, ве положил начеку везде и всегда показывает мне, что я хочу ... но невидимый текст не будет отображен.

Answer 1

Если текст имеет как класса .text и .fantome, вы должны приковать селекторы:

.text.fantome <- without space 

Так избавиться от пространства:

var texte = '.text.' + Chosenclass ; 
       ^^^^ 

С пространство вы должны выбрать объект класса ChosenClass, который является дочерним элементом (или потомок) элемента класса .text.