http://jsfiddle.net/CkTRa/2924/onoff開關(guān)下面有一個(gè)on一個(gè)off,off的css里有opacity: 0;我想要得到的效果是,只有一個(gè)是開的,其他都是關(guān)的,然后點(diǎn)擊以后也可以切換ONOFF。單獨(dú)點(diǎn)一個(gè),其他都跟著變,點(diǎn)旁邊的就跟亂套了。我是新手,頭腦轉(zhuǎn)不過(guò)來(lái),不知道怎么寫了,好迷糊,寫亂套了。求助各位大神幫忙!$(document).on('click', '.onoff', function() { if ($(this).parents().siblings().find('.off').css("opacity") == "0") { $(this).parents().siblings().find('.on').animate({marginLeft: '+=12px',opacity: 1},250) .next('.off').animate({marginLeft: '-=12px',opacity: 0}, 250); }; if (!$(this).hasClass("isonoff")) { $(this).find('.on').animate({marginLeft: '-=12px',opacity: 0},250) .next('.off').animate({marginLeft: '+=12px',opacity: 1}, 250); $(this).addClass("isonoff"); } else { $(this).find('.on').animate({marginLeft: '+=12px',opacity: 1},250) .next('.off').animate({marginLeft: '-=12px',opacity: 0}, 250); $(this).removeClass("isonoff"); };});
一段JQUERY寫的開關(guān)代碼,越寫越迷糊,頭好亂哦,怎么弄?
人到中年有點(diǎn)甜
2019-01-31 22:18:49