Slide Divコンテンツjquery html css

Question

私はタブを作った。各タブには1つのdivが含まれます。 if else条件を使用して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"); 
    } 
}); 

Answer 1

問題は、あなたが$が欠落している、あなたの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>

EDITをできればtoggleです。最も簡単なバグのない方法の1つは、私がフィドルでやったやり方をすることです。

YOUR FIDDLE UPDATED

EDIT 2：CHECK THIS OUT TO SHOW ONLY TARGET CONTENT