Slide Left-to-Right a DIV

Slide Left-to-Right a DIV

Hi,

I have the following DIV which I am using for a slide menu.

  1. <div id="categories_menu" data-transition="pop" style="display: none;">
  2. categories list
  3. </div>

I want to know how can I use this linkCategories click to show the DIV with a Slide Left-to-Right over the existing content (without sliding other contents) but with just have an effect show the DIV as modal (I mean make the content covered with gray for example)

  1. <script type="text/javascript">
  2. $('#linkCategories').click(function()
  3. {

  5. });
  6. </script>