Zeigen Sie von links nach rechts

Question

So habe ich Probleme mit dem Verschieben von links nach rechts Div mit Display: keine.

<div class="second"> 
<li><a id="sale_man" rel="showinfo"><?php echo $lang['sale_man'];?></a></li> 
<li><a id="purch_man" rel="showinfo"><?php echo $lang['purch_man'];?></a></li> 
<li><a id="load_man" rel="showinfo"><?php echo $lang['load_man'];?></a></li> 
<li><a id="acc_man" rel="showinfo"><?php echo $lang['acc_man'];?></a></li> 
</ul></div> 
<div class="third" style="display: none;" > 
lolo</div> 

$('#sale_man').click(function(){ 
    $('.third').show("slide", { direction: "right" }, 1000); 
}); 

So nach dem Einschalten id Anklicken = "sale_man" Ich brauche div 3 mit Klasse rutschen, aber nichts passiert ..

Answer 1

vergessen Es gibt ein paar Dinge, falsch. Zuerst das fehlende <ul> Tag, das Yorgo identifiziert hat.

Die zweite ist diese Linie

$('.third').show("slide", { direction: "right" }, 1000); 

Wenn Sie es

$('.third').show(); 

Sie werden sehen, ändern, dass die div erscheint (aber ohne die Animation Sie möchten). Was bedeutet, dass Sie die falsche Syntax haben.

Wenn Sie den Blick auf API documentation page for show()

Sie werden sehen, es gibt keine Version der Funktion, die in Argumente annimmt, wie Sie in Ihrem Code haben.

Also sollten Sie entweder eine benutzerdefinierte show Funktion in Ihrem Code irgendwo haben, die jQuery's überschreibt. Oder Sie sollten ein jQuery-Plugin enthalten, das die von Ihnen gewünschte Funktionalität unterstützt.

EDIT: es scheint, dass Sie this jQuery UI plugin

Answer 2

Sie Tag

<div class="second"> 
    <ul> 
    <li><a id="sale_man" rel="showinfo"><?php echo $lang['sale_man'];?></a></li> 
    <li><a id="purch_man" rel="showinfo"><?php echo $lang['purch_man'];?></a></li> 
    <li><a id="load_man" rel="showinfo"><?php echo $lang['load_man'];?></a></li> 
    <li><a id="acc_man" rel="showinfo"><?php echo $lang['acc_man'];?></a></li> 
    </ul></div>