update readme file with animate demo code

Author: sandywalker

README.md

@@ -78,6 +78,11 @@ Create  Popover with close button
 $('a').webuiPopover({title:'Title',content:'Content',closeable:true});
 ```
 
+Create  and Animate the Popover 
+```javascript
+$('a').webuiPopover({title:'Title',content:'Content',animation:'pop'});
+```
+
 Create  Popover with iframe
 ```javascript
 $('a').webuiPopover({type:'iframe',url:'http://getbootstrap.com'});

demo/index.html

@@ -173,36 +173,39 @@ <h1> <i class="glyphicon glyphicon-comment"></i> WebUI Popover Demo</h1>
 			</div>
 		</section>
 
-		
+
 		<div class="container">
 			<div class="row">
-				<div class="col-md-12"><h1>Auto detect  placement <small>auto detect the placement, always poped in page</small></h1></div>
+				<div class="col-md-12"><h1>Pop with animation  <small>set animation by data-attribute or code</small></h1></div>
 			</div>
 		</div>
 		<section class="container demo-container">
 			<div class="row">				
-				<div class="col-md-5"><a href="#" class="show-pop btn btn-success">auto detect</a></div>
-				<div class="col-md-2"><a href="#" class="show-pop btn btn-success">auto detect</a></div>
-				<div class="col-md-5"><a href="#" class="show-pop btn btn-success pull-right" data-placement="auto">auto detect</a></div>
-			</div>
-			
+				<div class="col-md-5">
+					<a href="#" class="btn btn-default show-pop" >default (no animation)</a>
+				</div>		
+				<div class="col-md-2"><a href="#" class="btn btn-default  show-pop" data-animation="pop" >animation: pop</a></div>
+				<div class="col-md-5"><a href="#" class="btn btn-default  show-pop pull-right" data-animation="fade">animation: fade</a></div>
 		</section>
 
+		
 		<div class="container">
 			<div class="row">
-				<div class="col-md-12"><h1>Pop with animation  <small>set animation by data-attribute or code</small></h1></div>
+				<div class="col-md-12"><h1>Auto detect  placement <small>auto detect the placement, always poped in page</small></h1></div>
 			</div>
 		</div>
 		<section class="container demo-container">
 			<div class="row">				
-				<div class="col-md-5">
-					<a href="#" class="btn btn-default show-pop" >default (no animation)</a>
-				</div>		
-				<div class="col-md-2"><a href="#" class="btn btn-default  show-pop" data-animation="pop" >pop animation</a></div>
-				<div class="col-md-5"><a href="#" class="btn btn-default  show-pop pull-right" data-animation="fade">fade animation</a></div>
+				<div class="col-md-5"><a href="#" class="show-pop btn btn-success">auto detect</a></div>
+				<div class="col-md-2"><a href="#" class="show-pop btn btn-success">auto detect</a></div>
+				<div class="col-md-5"><a href="#" class="show-pop btn btn-success pull-right" data-placement="auto">auto detect</a></div>
+			</div>
+			
 		</section>
 
 
+
+
 
 
 		<div class="container">