diff --git a/starter-code/index.html b/starter-code/index.html
index 189a3311..afb8e381 100755
--- a/starter-code/index.html
+++ b/starter-code/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <title>Pizza Builder</title>
-    <link rel="stylesheet" href="pizza.css">
+    <link rel="stylesheet" href="pizza.css" />
   </head>
 
   <body>
@@ -26,10 +26,10 @@ <h1>Pizza Builder</h1>
           <button class="btn btn-green-peppers active">Green peppers</button>
         </li>
         <li>
-          <button class="btn btn-sauce active">White sauce</button>
+          <button class="btn btn-sauce ">White sauce</button>
         </li>
         <li>
-          <button class="btn btn-crust active">Gluten-free crust</button>
+          <button class="btn btn-crust ">Gluten-free crust</button>
         </li>
       </ul>
     </div>
@@ -44,8 +44,8 @@ <h2>Your pizza's price</h2>
         <li>$1 pepperonni</li>
         <li>$1 mushrooms</li>
         <li>$1 green peppers</li>
-        <li>$3 white sauce</li>
-        <li>$5 gluten-free crust</li>
+        <li style="display: none;">$3 white sauce</li>
+        <li style="display: none;">$5 gluten-free crust</li>
       </ul>
       <strong>$21</strong>
     </aside>
diff --git a/starter-code/pizza.js b/starter-code/pizza.js
index b473d048..7e21f45d 100755
--- a/starter-code/pizza.js
+++ b/starter-code/pizza.js
@@ -1 +1,49 @@
 // Write your Pizza Builder JavaScript in this file.
+$(() => updatePrice());
+
+const hideShow = element => {
+  $(`.${element}`).css("display") == "none"
+    ? $(`.${element}`).show()
+    : $(`.${element}`).hide();
+  updatePrice();
+};
+
+function updatePrice() {
+  let base = 10;
+  for (let i = 1; i < 6; i++) {
+    if ($(`.price ul li:nth-child(${i})`).css("display") != "none") {
+      let price = $(`.price ul li:nth-child(${i})`).html();
+      base += parseInt(price[1]);
+    }
+  }
+  $(".price strong").html(`$${base}`);
+}
+$("button.btn-pepperonni").on("click", function() {
+  hideShow("pep");
+  hideShow("price ul li:nth-child(1)");
+  $(this).toggleClass("active");
+});
+
+$("button.btn-mushrooms").on("click", function() {
+  hideShow("mushroom");
+  hideShow("price ul li:nth-child(2)");
+  $(this).toggleClass("active");
+});
+
+$("button.btn-green-peppers").on("click", function() {
+  hideShow("green-pepper");
+  hideShow("price ul li:nth-child(3)");
+  $(this).toggleClass("active");
+});
+
+$("button.btn-sauce").on("click", function() {
+  $(".sauce").toggleClass("sauce-white");
+  hideShow("price ul li:nth-child(4)");
+  $(this).toggleClass("active");
+});
+
+$("button.btn-crust").on("click", function() {
+  $(".crust").toggleClass("crust-gluten-free");
+  hideShow("price ul li:nth-child(5)");
+  $(this).toggleClass("active");
+});
