JQuery toggle images CSS

Question

Я использую JQuery для изменения CSS некоторых изображений.

Он работает и изменяет размер изображения css при нажатии. Единственная проблема заключается в том, что когда я нажимаю на следующее изображение, предыдущее изображение остается с новым переключателем css.

Есть ли способ, что, когда я нажимаю на следующее изображение, предыдущее изображение возвращается к оригинальным css.

Я включил jsfiddle пример здесь: http://jsfiddle.net/webdott/hSFpp/

Вот код JQuery:

$('img').click(function() { 
    $(this).toggleClass('thumb fullview') 
}); 

Вы можете видеть, что каждое изображение, нажмите остается большим.

Благодаря

Answer 1

проверить эту скрипку. Я решил вашу проблему. проверьте эту скрипку http://jsfiddle.net/Resey/1/

$('img').click(function() { 
    $(this).toggleClass('fullview').siblings().removeClass('fullview'); 
}); 

Answer 2

Вы должны удалить fullview класс от всех остальных img элементов, прежде чем добавить его к той, которая была нажата. Попробуйте это:

$('img').click(function() { 
    $('img').removeClass('fullview'); // remove class from all 
    $(this).addClass('fullview'); // add class to clicked img 
}); 

Updated fiddle

Answer 3

Попробуйте удалить класс на img "fullview" и добавить его в $(this) после.

$('img').click(function() { 
    $('img').removeClass('fullview'); 
    $(this).addClass('fullview'); 
}); 

Fiddle

UPDATE:

я понял, что, хотя мы и решили проблему, нажав на большое изображение не переключать его. Я добавил функцию, что в следующем коде:

if ($('img').hasClass('fullview')) { 
    $(this).click(function() { 
     $(this).removeClass('fullview'); 
}); 
} 

UPDATED FIDDLE