diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 00000000..79ea256a
Binary files /dev/null and b/.DS_Store differ
diff --git a/starter-code/index.html b/starter-code/index.html
index 189a3311..dcc6e6d7 100755
--- a/starter-code/index.html
+++ b/starter-code/index.html
@@ -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 active">Sauce</button>
         </li>
         <li>
-          <button class="btn btn-crust active">Gluten-free crust</button>
+          <button class="btn btn-crust active">Crust</button>
         </li>
       </ul>
     </div>
@@ -268,9 +268,9 @@ <h2>Your pizza's price</h2>
       <section class="pep thirty-one">31</section>
       <section class="pep thirty-three">33</section>
 
-      <section class="crust crust-gluten-free">
+      <section class="crust">
         <section class="cheese"></section>
-        <section class="sauce sauce-white"></section>
+        <section class="sauce"></section>
       </section>
     </div>
     <!-- End Pizza -->
diff --git a/starter-code/pizza.css b/starter-code/pizza.css
index 2d125b3d..700094b5 100755
--- a/starter-code/pizza.css
+++ b/starter-code/pizza.css
@@ -235,6 +235,10 @@ p.description {
   color: #555;
 }
 
+.btn-sauce-txt {
+  content: "This text";
+  }
+
 .btn-sauce:hover {
   background: #fff088;
   box-shadow: 0 5px #776800;
diff --git a/starter-code/pizza.js b/starter-code/pizza.js
index b473d048..8925abe5 100755
--- a/starter-code/pizza.js
+++ b/starter-code/pizza.js
@@ -1 +1,125 @@
 // Write your Pizza Builder JavaScript in this file.
+let price = 13;
+
+$(document).ready(function(){
+  if ($(".btn-sauce").text() == "Sauce") {   
+    $(".btn-sauce").removeClass("active")  
+  }else{
+    $(".btn-sauce").addClass("active") 
+  }
+  if ($(".btn-crust").text() == "Crust") {   
+    $(".btn-crust").removeClass("active")  
+  }else{
+    $(".btn-crust").addClass("active") 
+  }
+  $("aside ul li:nth-child(4)").hide() 
+  $("aside ul li:nth-child(5)").hide() 
+  $("aside strong").text("$"+price);
+});
+
+  $(".btn-pepperonni").on("click",function(){
+    console.log("pepper");
+    if ($(".pep").is(':visible')) {
+      console.log("inactive");
+      $(".btn-pepperonni").removeClass("active")
+      $("aside ul li:nth-child(1)").hide() 
+      console.log("before:",price);
+      price -= 1;
+      $("aside strong").text("$"+price);
+      console.log("after:",price);
+    } else {
+      console.log("active");
+      $(".btn-pepperonni").addClass("active")  
+      $("aside ul li:nth-child(1)").show()  
+      console.log("before:",price);
+      price += 1;
+      $("aside strong").text("$"+price);
+      console.log("after:",price);
+    }    
+    $(".pep").toggle("fast");    
+  })
+  $(".btn-mushrooms").on("click",function(){
+    console.log("mashrooms");
+    if ($(".mushroom").is(':visible')) {
+      console.log("inactive");
+      $(".btn-mushrooms").removeClass("active");
+      $("aside ul li:nth-child(2)").hide();
+      console.log("before:",price);
+      price -= 1;
+      $("aside strong").text("$"+price);
+      console.log("after:",price);
+    } else {
+      console.log("active");
+      $(".btn-mushrooms").addClass("active");
+      $("aside ul li:nth-child(2)").show(); 
+      console.log("before:",price);
+      price += 1;
+      $("aside strong").text("$"+price);
+      console.log("after:",price);
+    }        
+    $(".mushroom").toggle("fast")
+  })
+  $(".btn-green-peppers").on("click",function(){
+    console.log("green peppers");
+    if ($(".green-pepper").is(':visible')) {
+      console.log("inactive");
+      $(".btn-green-peppers").removeClass("active");
+      $("aside ul li:nth-child(3)").hide();
+      console.log("before:",price);
+      price -= 1;
+      $("aside strong").text("$"+price);
+      console.log("after:",price);
+    } else {
+      console.log("active");
+      $(".btn-green-peppers").addClass("active");
+      $("aside ul li:nth-child(3)").show(); 
+      console.log("before:",price);
+      price += 1;
+      $("aside strong").text("$"+price);
+      console.log("after:",price);
+    }  
+    $(".green-pepper").toggle("fast")
+  })
+
+  $(".btn-sauce").on("click",function(){
+    $(".sauce").toggleClass("sauce-white");
+    if ($(".btn-sauce").text() == "Sauce") {
+      $(".btn-sauce").text("White Sauce");
+      $(".btn-sauce").addClass("active");
+      $("aside ul li:nth-child(4)").show();
+      console.log("before:",price);
+      price += 3;
+      $("aside strong").text("$"+price);
+      console.log("after:",price);
+    }else{
+      $(".btn-sauce").text("Sauce");
+      $(".btn-sauce").removeClass("active");
+      $("aside ul li:nth-child(4)").hide();
+      console.log("before:",price);
+      price -= 3;
+      $("aside strong").text("$"+price);
+      console.log("after:",price);
+    }
+  })
+
+  $(".btn-crust").on("click",function(){
+    console.log("crust");
+    $(".crust").toggleClass("crust-gluten-free");
+    if ($(".btn-crust").text() == "Crust") {
+      $(".btn-crust").text("Gluten-free crust");
+      $(".btn-crust").addClass("active")
+      $("aside ul li:nth-child(5)").show();
+      console.log("before:",price);
+      price += 5;
+      $("aside strong").text("$"+price);
+      console.log("after:",price);
+    }else{
+      $(".btn-crust").text("Crust");
+      $(".btn-crust").removeClass("active")
+      $("aside ul li:nth-child(5)").hide();
+      console.log("before:",price);
+      price -= 5;
+      $("aside strong").text("$"+price);
+      console.log("after:",price);
+    }
+  })
\ No newline at end of file