Эффект слайда jQuery для addClass и removeClass

62
7

могу ли я, пожалуйста, получить помощь с jquery, это скрипка для того, над чем я работаю, я хочу, чтобы изображение скользло налево после того, как я добавил класс pull-left из twitter-bootstrap после нажатия на изображение, и я также хотите сделать его глобальной функцией, чтобы она работала для нескольких изображений и контента.

КОД:

 $(document).ready(function () {
var showORhide = true;
$( ".team-img" ).click(function() {
if(showORhide == true){
$( "#team-center-img" ).removeClass("center-block");
$( ".team-img" ).addClass("pull-left");
$(".team-content").fadeIn(2000);
showORhide = false;
}else{
$( "#team-center-img" ).removeClass("pull-left");
$( ".team-img" ).addClass("center-block");
$(".team-content").hide();
showORhide = true;
}
});
});

Заранее спасибо!

спросил(а) 2021-01-19T18:23:28+03:00 3 месяца, 2 недели назад
1
Решение
115

Здесь я написал простую форму плагина. надеюсь, что это поможет

$(function(){
$.myPlugin = {
imgToggle : function(options){
var defaults = {selector:'.test'};
var options = $.extend(defaults,options);
$('a',options.selector).click(function(){
if(this.className == 'active'){
this.className = '';
}else{
this.className = 'active';
}
});
}
}
})

$(function(){
$.myPlugin.imgToggle();
});

$(function(){
$.myPlugin.imgToggle({selector:'any css selector'});
});

проверьте эту ссылку на скрипку http://jsfiddle.net/gbHEk/7/

обновлено с анимацией http://jsfiddle.net/gbHEk/8/

ответил(а) 2021-01-19T18:23:28+03:00 3 месяца, 2 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема