| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>Example - example-example44-jquery</title> |
| <link href="glyphicons.css" rel="stylesheet" type="text/css"> |
| <link href="animations.css" rel="stylesheet" type="text/css"> |
| |
| |
| <script src="../../components/jquery-1.10.2/jquery.js"></script> |
| <script src="../../../angular.js"></script> |
| <script src="../../../angular-animate.js"></script> |
| |
| |
| |
| </head> |
| <body ng-app="ngAnimate"> |
| Click me: <input type="checkbox" ng-model="checked"><br/> |
| <div> |
| Show: |
| <div class="check-element animate-show" ng-show="checked"> |
| <span class="glyphicon glyphicon-thumbs-up"></span> I show up when your checkbox is checked. |
| </div> |
| </div> |
| <div> |
| Hide: |
| <div class="check-element animate-show" ng-hide="checked"> |
| <span class="glyphicon glyphicon-thumbs-down"></span> I hide when your checkbox is checked. |
| </div> |
| </div> |
| </body> |
| </html> |
