Intereting Posts

Слайд вместо Fade для div

Это может быть простая вещь, я уверен …

Я пытаюсь заставить fade slide :

$slides.eq($btns.index(this)).fadeIn().siblings().hide();

На данный момент он отлично работает с fade , мне просто нужно, чтобы эта линия была изменена для slide . Я сделал очевидное, но я должен что-то делать с синтаксисом, поскольку он не работает.

Приветствую вас!

// добавлено

 var $btns = $('.btns a'), $slides = $('.slides > div'); $btns.click(function(){ $(this).addClass('current') $(this).parent().siblings().find('a').removeClass('current'); $slides.eq($btns.index(this)).fadeIn(function(){ slideIn }).siblings().hide(); return false; }); $btns.first().click(); 
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
и var $btns = $('.btns a'), $slides = $('.slides > div'); $btns.click(function(){ $(this).addClass('current') $(this).parent().siblings().find('a').removeClass('current'); $slides.eq($btns.index(this)).fadeIn(function(){ slideIn }).siblings().hide(); return false; }); $btns.first().click();
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6

Если вы хотите обычный слайд, используйте .slideUp() и .slideDown() , например:

 $slides.eq($btns.index(this)).slideDown().siblings().slideUp(); 

Вы можете посмотреть демо здесь


Если вместо этого вы хотите использовать эффект fade + slide, передайте параметр скорости в .hide() и .show() , например:

 $slides.eq($btns.index(this)).show('slow').siblings().hide('slow'); 

Вы можете проверить этот эффект здесь

внутри fadeIn () сделайте слайд. поэтому что-то вроде fadeIn (function () {slideIn}) …