How to make a menu that appears from the right and has a slippery feel?

want to find an example of a list
click on a list of Tibetan dishes that can click on the right button to appear to the left
and then go back to the right when you take it back
I don"t know what keywords to use to check
what is the name of this technique?

$(".closeRightLayout,.add_layout_after").click(function(e) {

  $( ".rightLayout" ).animate({
    opacity: 0.5,
    right: "-300px",
    height: "toggle"
  }, 300, function() {
    // Animation complete.
  });

  $(".rightLayout,.add_layout_after").fadeOut();
});
$("-sharpadd_tab").click(function(e) {

  $( ".rightLayout" ).animate({
    opacity: 1,
    right: "0",
    height: "toggle"
  }, 300, function() {
    // Animation complete.
  });

  $(".rightLayout,.add_layout_after").fadeIn();
});

I wrote a code like this
when he came out, he was very busy
, but when he went back, he would soon
. It was all 300ms.

.

you can do this by using some animations in animate.css ( https://daneden.github.io/ani.), or by using the Baidu css3 slide special effect, that is, you can add the corresponding class when you click the button

. < hr >

should be the reason why you didn't give right an initial value at first, but you gave right a-300px when you let it slide out. This will cause the speed of sliding in and out to be different, although the time is the same, but the distance running in the fixed time is not the same. Make sure that the initial value of right is the same as the value of sliding out, so the speed of sliding in and out is the same

.
Menu