显示从左到右

Question

所以我有问题从左到右滑动显示：无。

<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); 
}); 

所以点击ID后= “sale_man” 我需要用3类滑动格，但没有任何反应..

Answer 1

有几件事情错误。首先是Yorgo识别的缺失<ul>标签。

二是此行

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

如果将其更改为

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

你会看到，在div就会出现（但没有动画你想要的）。这意味着你有错误的语法。

如果你看一下API documentation page for show()

你会看到没有版本，它接受参数，像你在你的代码具有的功能。

所以要么你的代码中有一个自定义的show函数，而是覆盖jQuery的函数。或者你应该包括一个jQuery插件，支持你之后的功能。

编辑：它似乎是你缺少this jQuery UI plugin

Answer 2

你忘记标签

<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>