Question

So I have problems with sliding from left to right div with display: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);
});

So after clicking on id=”sale_man” i need to slide div with class 3, but nothing happens..

Answer 1

There are a couple of things wrong. First the missing <ul> tag that Yorgo identified.

The second is this line

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

If you change it to

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

You will see that the div will appear (but without the animation you want). Which means that you have the wrong syntax.

If you look at the API documentation page for show()

You will see there is no version of the function that takes in arguments like you have in your code.

So either you should have a custom show function in your code somewhere, that overrides jQuery’s one. Or you should be including a jQuery plugin that supports the functionality that you are after.

EDIT: it would seem that you are missing this jQuery UI plugin