jquery onclick для расширения текстового содержимого справа?

Question

Привет Я пытаюсь добиться того же эффекта, что при наведении курсора мыши на моей скрипке, Я хотел бы использовать JQuery щелчок/тумблер расширить содержание вместо того, чтобы видеть его зависание

Я пытаюсь основной addClass с Jquery/CSS, но как-то это облом и не могу понять, как работать правильно

бы признателен за любую помощь или совет на следующем, большое спасибо заранее,

вот fiddle я создал с jquery Я использую

$(document).ready(function(){ 
    $(".gamewrapper").click(function(){ 
    $(".gamewrapper").addClass("expand"); 
    }); 
}); 

Благодаря

Answer 1

К сожалению, я немного опоздал на игру, но вот решение:

$(document).ready(function(){ 
    $(".gamewrapper").click(function() 
    { 
     console.log(this);   
    $(this).find(".game-name").toggleClass("black"); 
    $(this).find(".game-name-info").toggleClass("expand"); 
    }); 
}); 

Поскольку у вас есть несколько классов gamewrapper, вы должны ссылаться на «это» ключевое слово, чтобы указать щелкните элемент, а затем найдите, чтобы его дети применяли изменения CSS.

Подробнее на JQuery обработчик событий нажмите здесь: http://api.jquery.com/click/