I am developing an app with phonegap and jquery mobile. I have a screen similar to the uber map screen. Uber has on the map screen a standing panel which when you touch it and go up the panel goes up. What is it called or how could that effect be made?
Good Wilmer, this comment can be done with html to create the effects, it is a very complete library, it will serve you for this.
Apart from the code, I leave you a link that will help you use this library. link
Your code would be something like:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Dropdowns</h2>
<p>The .dropup class makes the dropdown menu expand upwards instead of downwards:</p>
<div class="dropup">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Dropup Example
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
<li class="divider"></li>
<li><a href="#">About Us</a></li>
</ul>
</div>
</div>
</body>
</html>
If you want the code in jquery I'll leave it here below :
$("button").click(function(){
$("p").slideUp();
});
Detailed explanation: link