Slide Div Inhalt mit jquery html css

Question

Ich habe Tabs gemacht. Jede Registerkarte enthält ein div. Ich möchte Div-Inhalt von links nach rechts mit der Verwendung von wenn sonst Bedingung schieben. Aber ich habe mit der Alarmbox nachgesehen. Aber es hat nicht funktioniert. Hier ist mein Code.

$('.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

Das Problem ist in Ihrem click Fall, dass Sie fehlen $ und Ihre if Zustand ist falsch.

JSFIDDLE

Hier ist ein Demo-Code gerade oder ungerade Index zu überprüfen:

$('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: Wenn Sie nicht wollen, ungerade sogar Konzept verwenden Sie kann nur toggle. Einer der einfachsten Bug frei Weg ist es, den Weg, den ich in der Geige gemacht habe.

YOUR FIDDLE UPDATED

EDIT 2:CHECK THIS OUT TO SHOW ONLY TARGET CONTENT