Added toggle jQuery to custom checkbox

Huongg · Nov 13, 2017 · 42b9431 · 42b9431
1 parent 4c6e609
commit 42b9431
Showing 1 changed file with 40 additions and 2 deletions.
diff --git a/www/script.js b/www/script.js
@@ -1,17 +1,55 @@
 
 $(document).ready(function(){
 
+	$('#checkbox1').click(function() {              
+		$('#recipe-1').toggle();
+        $('#recipe-2').toggle();
+        $('#recipe-3').toggle();
+        $('#recipe-4').toggle();
+        $('#recipe-5').toggle();
+        $('#recipe-6').toggle();
+        $('#recipe-8').toggle();
+
 	$('#checkbox2').click(function() {              
+		$('#recipe-1').toggle();
+        $('#recipe-3').toggle();
+        $('#recipe-5').toggle();
+        $('#recipe-7').toggle();
+	});
+
+	$('#checkbox3').click(function() {              
 		$('#recipe-2').toggle();
+        $('#recipe-4').toggle();
+        $('#recipe-6').toggle();
+        $('#recipe-8').toggle();
+        $('#recipe-9').toggle();
+	});
+
+	$('#checkbox4').click(function() {              
+		$('#recipe-1').toggle();
         $('#recipe-3').toggle();
         $('#recipe-4').toggle();
+        $('#recipe-7').toggle();
+        $('#recipe-8').toggle();
+        $('#recipe-9').toggle();
 	});
 
 	$('#checkbox5').click(function() {              
-		$('#recipe-5').toggle();
+		$('#recipe-2').toggle();
+        $('#recipe-5').toggle();
         $('#recipe-6').toggle();
+        $('#recipe-7').toggle();
+        $('#recipe-8').toggle();
+	});
+	$('#checkbox6').click(function() {              
+		$('#recipe-1').toggle();
+        $('#recipe-2').toggle();
+        $('#recipe-3').toggle();
+        $('#recipe-4').toggle();
+        $('#recipe-5').toggle();
+        $('#recipe-6').toggle();
+        $('#recipe-9').toggle();
 	});
-
 
 	$('#submit-button').click(function(){
 		var submitEmail = $('input[name=email]').val();