Skip to content
This repository
Browse code

Fixed example for showHide

  • Loading branch information...
commit b79c072423e9260637cef013d7bce1a70cdd6194 1 parent 6603739
Dean Sofer authored

Showing 2 changed files with 10 additions and 8 deletions. Show diff stats Hide diff stats

  1. 3  css/app.css
  2. 15  index.html
3  css/app.css
@@ -5,7 +5,8 @@
5 5
 .ui-hide {
6 6
 	display: none;
7 7
 }
8  
-.animate {
  8
+.animate span {
  9
+	display: block;
9 10
 	-webkit-transition: all 0.5s ease;
10 11
 	-moz-transition: all 0.5s ease;
11 12
 	-ms-transition: all 0.5s ease;
15  index.html
@@ -44,7 +44,7 @@
44 44
 				<h2>jQuery Passthrough</h2>
45 45
 				<h3>What?</h3>
46 46
 				<p>Fires a jQuery command specified in the expression on an element.</p>
47  
-				<p><input value="Click Here to show the jQuery UI Datepicker" ui:jq="datepicker"></p>
  47
+				<p><input value="Click Here for Datepicker" ui:jq="datepicker"></p>
48 48
 				
49 49
 				<h3>Why?</h3>
50 50
 				<p>Not every jQuery plugin requires creating a new directive just to use it. Instead, use the pass-through directive to rapidly port functionality. It is probably the best solution for 75% of the cases you will encounter.</p>
@@ -68,17 +68,18 @@
68 68
 
69 69
 				<p><a ng:click="showHideAn=!showHideAn">Toggle State: {{!!showHideAn}}</a></p>
70 70
 				<p class="animate">
71  
-					<div ui:show="showHideAn">Show</div>
72  
-					<div ui:hide="showHideAn">Hide</div>
73  
-					<div ui:toggle="showHideAn">Toggle</div>
  71
+					<span ui:show="showHideAn">Show</span>
  72
+					<span ui:hide="showHideAn">Hide</span>
  73
+					<span ui:toggle="showHideAn">Toggle</span>
74 74
 				</p>
75 75
 				<blockquote>But can't you just do <code>ng:class="someExpression&&'ui-show'"</code>?</blockquote>
76 76
 				<p>... shutup.</p>
77 77
 				
78 78
 				<h3>How?</h3>
79  
-<pre ng:non-bindable>&lt;span ui:show=&quot;showHide&quot;&gt;Show&lt;/span&gt;
80  
-&lt;span ui:hide=&quot;showHide&quot;&gt;Hide&lt;/span&gt;
81  
-&lt;span ui:toggle=&quot;showHide&quot;&gt;Toggle&lt;/span&gt;
  79
+<pre ng:non-bindable>&lt;p&gt;&lt;a ng:click=&quot;showHide=!showHide&quot;&gt;Toggle State: {{!!showHide}}&lt;/a&gt;&lt;/p&gt;
  80
+&lt;div ui:show=&quot;showHide&quot;&gt;Show&lt;/div&gt;
  81
+&lt;div ui:hide=&quot;showHide&quot;&gt;Hide&lt;/div&gt;
  82
+&lt;div ui:toggle=&quot;showHide&quot;&gt;Toggle&lt;/div&gt;
82 83
 </pre>
83 84
 			</article>
84 85
 		</div>

0 notes on commit b79c072

Please sign in to comment.
Something went wrong with that request. Please try again.