gallery drop down fix, coming soon buttons

Author: myogpatterns

alphaRaglan.html

@@ -116,10 +116,10 @@ <h3>Breathable. Fast Drying. Ultralight. Active warmth.</br>All of the above, pl
 				<section class="wrapper style1 align-center">
 					<div class="inner">
 						<p>
-							<button id="toggle_build_gallery_button" class="button large icon solid fa-angle-down" >Additional Photos</button>
+							<button id = "toggle_style_gallery_button" class="button large icon solid fa-angle-down" >Additional Photos</button>
 						</p>
 						<!-- element hidden until button click, build_gallery.js -->
-						<div id = "build_gallery" style="display:none;"> 
+						<div id = "style_gallery" style="display:none;"> 
 							<section class="gallery style1 small">
 								<article>
 									<a href="images/alphaRaglan/bench.jpg" class="image">
@@ -346,7 +346,8 @@ <h3>Features</h3>
 										<li>Seam allowances included for all pattern panels and sizes</li>
 									</ul>
 
-									<a href="https://payhip.com/b/erIul" class="button primary icon solid fa-credit-card" style="font-size: 100%">$20</a>
+									<action class="button primary" style="font-size: 100%">Available March 1</a>
+									<!-- <a href="https://payhip.com/b/erIul" class="button primary icon solid fa-credit-card" style="font-size: 100%">$20</a> -->
 									<p>Valid email address required for download link and revision notifications.</p>
 
 							</section>
@@ -365,7 +366,8 @@ <h4>Limited Quantity Drop</h4>
 									<li>Everything in the Digital Sewing Pattern for immediate download</li>
 								</ul>
 
-								<a href="https://payhip.com/b/2CDoA" class="button icon solid fa-credit-card" style="font-size: 100%">$40</a>
+								<action class="button" style="font-size: 100%">Available March 3</a>
+								<!-- <a href="https://payhip.com/b/2CDoA" class="button icon solid fa-credit-card" style="font-size: 100%">$40</a> -->
 								<p>US-based addresses only</p>
 							</div>
 						</section>
@@ -394,7 +396,7 @@ <h2>Sewalong Tutorials</h2>
 
 						<!-- Build Gallery -->
 						<p>
-							<button id="toggle_build_gallery_button" class="button large icon solid fa-angle-down" >Detailed Build Photos</button>
+							<button id = "toggle_build_gallery_button" class="button large icon solid fa-angle-down" >Detailed Build Photos</button>
 						</p>
 						<!-- element hidden until button click, build_gallery.js -->
 						<div id = "build_gallery" style="display:none;"> 

assets/js/build_gallery.js

@@ -6,6 +6,11 @@
     div id #build_gallery
 */
 
+$("#toggle_style_gallery_button").click(function() {
+    $("#style_gallery").slideToggle( 'fast' );
+    $( this ).toggleClass('fa-angle-down');
+    $( this ).toggleClass('fa-angle-up');
+})
 $("#toggle_build_gallery_button").click(function() {
     $("#build_gallery").slideToggle( 'fast' );
     $( this ).toggleClass('fa-angle-down');