用jquery html div滑動div內容

我製作了Tabs。每個選項卡包含一個div。我想要使用if else條件將div內容從左向右滑動。但我用警報框進行了檢查。但它沒有奏效。這是我的代碼。用jquery html div滑動div內容

$('.tabs').click(function() { 
if ('.tabs :nth-child(even)') 
    { 
    alert("11111"); 
    $('.tab-content').hide("slide", { 
    direction: "left" 
    }, 1000); 
    alert("222222"); 
    $('.tab-content').show("slide", { 
    direction: "left" 
    }, 1000); 
    alert("3333333");} 
    else 
    { 
    $('.tab-content').hide("slide", { 
    direction: "right" 
    }, 1000); 
    alert("777777"); 
    $('.tab-content').show("slide", { 
    direction: "right" 
    }, 1000); 
    alert("6666666"); 
    } 
});

來源

2017-03-10 Ashmi

我finxed問題。請在下面看到我的回答 –

的問題是在你的click事件你缺少$和你if條件是錯誤的。

JSFIDDLE

這裏是一個演示代碼來檢查偶數或奇數的索引：

$('div').click(function() { 
 
    //do something different based on whether even or odd div 
 
    if ($(this).is(':even')) { 
 
    $(this).html('even'); 
 
    } else { 
 
    $(this).html('odd'); 
 
    } 
 
});


 
<div>one</div> 
 
<div>two</div> 
 
<div>three</div> 
 
<div>four</div>

編輯：如果你不想使用奇偶概念，你可以只是toggle。最簡單的無缺陷方法之一就是按照我在小提琴上所做的方式。

YOUR FIDDLE UPDATED

編輯2：在你的代碼CHECK THIS OUT TO SHOW ONLY TARGET CONTENT

來源

2017-03-10 06:38:18

如果我在選項卡3上進行操作，並且我在點擊選項卡2時它會從左側滑動，我想這樣做。並且我在選項卡3上點擊，然後點擊選項卡4，它將從右側滑動。我不想使用奇數 - 偶數概念。對於所有標籤完全相同。爲什麼我應該做比較？ – Ashmi

@Ashmi你可以爲你提供一個小提琴問題。這個解決方案只給你的代碼中的錯誤。 –

https://jsfiddle.net/ywbkcu63/ – Ashmi

用jquery html div滑動div內容

回答

相關問題