$(".leftsc>ul>li").hover(function(){
$(this).find("ul").show()
},function(){
$(this).find("ul").hide()
})
剩下的就是你的css样式布局了。。你也可以通过加class,设置class的属性display:block；默认子层的ul的disaplay:none可以用hover效果也可以用click来切换class.
<html data-ng-app=""><head>
<title>Hello world</title>
</head>
<body>
name:
<br>
<input type="text" data-np-model="name"/>{{ name }}
<script
src="/resTablet/WebContent/external/angularjs/1.2.25/angular.min.js"><!--本人本地js路径-->
</script>
</body>
</html>
"app-drawer"是一个由polymer编写的抽屉组件，demo可看 这里 。
"app-drawer"提供了很多可定制的功能，且可独立使用（有些人可能认为必须配合app-drawer-layout，其实不需要）；下面会以cookbook的形式来描述怎么使用它强大的功能。
大家最好同时打开着这个 jsbin 来实践一番。
设置align属性（默认为left）为right：
查看jsbin 。
可以通过设置 persistent 来将drawer固定，固定后依然能够关闭/打开，但遮罩会消失。注意，如果你不特殊处理，它是会挡住下层内容的。
查看jsbin 。
可以设置transitionDuration来控制动画时长：
查看jsbin 。
设置swipeOpen为true：
