Forward /bacward order for objects

[DGrandes]

What is the best solution to make a drop-down menu (without using the default menu)?
I've tried different ways with a widget but I can´t get it to work:

1 -
 In Java:

Code:

$(function() {
      $("#widget-2").appendTo('#layout-3').removeClass("hide");
           $('.click').on('vclick', function() {
           $("#widget-2").toggleClass("show");
       });
});

 In CSS:
  

Code:

#widget-2 {
  left: 50px;
  transition: left 0.5s;
  transition-timing-function: linear;
}
.show {
  left: 0px !important;
}

 It work fine but widget hide automatically.

2-
 If I change JavaScript to:

Code:

$(function() {
     $('.click').on('vclick', function() {
           $("#widget-2").appendTo('#layout-3').removeClass("hide");
           $("#widget-2").toggleClass("show");
     });
});

 CSS transition don´t work...

Any idea?
Is there any way to append widget fixed without hide class to layout-3?

Thanks