smock 0.1.164 → 0.1.165

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    smock (0.1.164)
+    smock (0.1.165)
       sass (= 3.2.19)
       thor (= 0.19.1)
 

data/app/assets/stylesheets/modules/_addon.sass

@@ -2,6 +2,12 @@
   box-shadow: 0 0 0 1px $border-color
   +space(padding, 0.5)
 
+.addon__card__titlebar
+  cursor: pointer
+
+.addon__card__titlebar:hover
+  background-color: $border-color
+
 .addon__card__titlebar
   +space(line-height, 2)
   +space(height, 2)
@@ -15,11 +21,12 @@
   float: right
   +space(width, 2)
   text-align: center
-  +space(line-height, 1.5)
+  +space(line-height)
   +space(margin-top, 0.5)
   font-weight: bold
 
 .addon__card__content
+  display: none
   clear: both
   +space(padding-bottom, 0.5)
   +space(margin-left, 1.5)
@@ -29,4 +36,4 @@
   box-shadow: 0 1px 0 0 $border-color
 
 .addon__card:last-child
-  box-shadow: none
+  box-shadow: none

data/examples/addons.html

@@ -2,7 +2,7 @@
 
 <div class="example">
   <div class="addons">
-    <div class="addon__card">
+    <div class="addon__card accordion">
       <div class="addon__card__titlebar">
         <div class="addon__card__title">
           <input type="checkbox" checked disabled></input>
@@ -12,11 +12,11 @@
         <span class="addon__card__price">$50</span>
       </div>
 
-      <div class="addon__card__content">
+      <div class="addon__card__content accordion__content" style="display: block">
         You get WordPress, your theme, its demo content (where supplied), and your logo installed on your (non-WordPress.com) server.
       </div>
     </div>
-    <div class="addon__card">
+    <div class="addon__card accordion">
       <div class="addon__card__titlebar">
         <div class="addon__card__title">
           <input type="checkbox"></input>
@@ -25,8 +25,12 @@
         </div>
         <span class="addon__card__price">$50</span>
       </div>
+
+      <div class="addon__card__content accordion__content">
+        You get WordPress, your theme, its demo content (where supplied), and your logo installed on your (non-WordPress.com) server.
+      </div>
     </div>
-    <div class="addon__card">
+    <div class="addon__card accordion">
       <div class="addon__card__titlebar">
         <div class="addon__card__title">
           <input type="checkbox"></input>
@@ -35,8 +39,12 @@
         </div>
         <span class="addon__card__price">$50</span>
       </div>
+
+      <div class="addon__card__content accordion__content">
+        You get WordPress, your theme, its demo content (where supplied), and your logo installed on your (non-WordPress.com) server.
+      </div>
     </div>
-    <div class="addon__card">
+    <div class="addon__card accordion">
       <div class="addon__card__titlebar">
         <div class="addon__card__title">
           <input type="checkbox"></input>
@@ -45,17 +53,27 @@
         </div>
         <span class="addon__card__price">$50</span>
       </div>
+
+      <div class="addon__card__content accordion__content">
+        You get WordPress, your theme, its demo content (where supplied), and your logo installed on your (non-WordPress.com) server.
+      </div>
     </div>
   </div>
 </div>
 
 <script type="text/javascript">
-  var elements = document.querySelectorAll('.addon__card');
-  for(var i=0; i<elements.length; i++)
+  var accordions = document.querySelectorAll('.accordion');
+  for(var i = 0; i < accordions.length; i++)
   {
-    elements[i].onclick = function(){
-      console.log(this);
-      this.querySelector('.addon__card__content').style.display = "none";
+    accordions[i].onclick = function(){
+      var accordionContent = this.querySelector('.accordion__content');
+      if (accordionContent != null) {
+        if (getComputedStyle(accordionContent).display == "none") {
+          accordionContent.style.display = "block";
+        } else {
+          accordionContent.style.display = "none";
+        }
+      }
     };
   }
-</script>
+</script>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: smock
 version: !ruby/object:Gem::Version
-  version: 0.1.164
+  version: 0.1.165
   prerelease: 
 platform: ruby
 authors:
@@ -446,7 +446,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 2833037210222803089
+      hash: -3980820437275704355
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -455,7 +455,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 2833037210222803089
+      hash: -3980820437275704355
 requirements: []
 rubyforge_project: smock
 rubygems_version: 1.8.21