Показать слева направо

Question

Так что у меня проблемы со скольжением div слева направо с отображением: none.

<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" мне нужно скользить div с классом 3, но ничего не происходит..

Answer 1

Есть пара вещей не так. Сначала отсутствующий тег <ul>, который идентифицировал Йорго.

Вторая эта строка

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

Если вы измените его на

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

Вы увидите, что появится div (но без нужной вам анимации). Это означает, что у вас неправильный синтаксис.

Если вы посмотрите страницу документации API для show()

Вы увидите, что нет версии функции, которая принимает аргументы, как у вас в коде.

Так что либо в вашем коде должна быть пользовательская функция show, которая переопределяет функцию jQuery. Или вы должны включить плагин JQuery, который поддерживает функциональность, которую вы ищете.

РЕДАКТИРОВАТЬ: может показаться, что вам не хватает этот плагин jQuery UI

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>