title: How to make a button trigger image opacity change?
body: <p>Clicking on a button should trigger the image to show up....</p>
  
  <p><em>EDIT</em> I actually got it to work, but when changing some of the ID links it stopped working and if I leave any of these functions on my sidemenus won't show up?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" class="no-js"&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8" /&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; 
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; 
          &lt;title&gt;MAKE A CUPCAKE! | YourCupcake.com&lt;/title&gt;
          &lt;meta name="description" content="Blueprint: Slide and Push Menus" /&gt;
          &lt;meta name="keywords" content="sliding menu, pushing menu, navigation, responsive, menu, css, jquery" /&gt;
          &lt;meta name="author" content="Codrops" /&gt;
          &lt;link rel="shortcut icon" href="../favicon.ico"&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/default.css" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="css/component.css" /&gt;
          &lt;script src="js/modernizr.custom.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body class="cbp-spmenu-push"&gt;
          &lt;nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right beslagopties" id="beslagopties"&gt;
              &lt;h3&gt;Beslag&lt;/h3&gt;
  
              &lt;h2&gt;Kies je beslag smaak:&lt;/h2&gt;
  
              &lt;input type="radio" name="smaakBeslag" value="Vanille" class="smaakBeslag"&gt; Vanille&lt;br&gt;
              &lt;input type="radio" name="smaakBeslag" value="Chocolade" class="smaakBeslag"&gt;Chocolade&lt;br&gt;
              &lt;input type="radio" name="smaakBeslag" value="Aardbei" class="smaakBeslag"&gt; Aardbei&lt;br&gt;
              &lt;input type="radio" name="smaakBeslag" value="RedVelvet" class="smaakBeslag"&gt; Red Velvet&lt;br&gt;
              &lt;input type="radio" name="smaakBeslag" value="Banaan" class="smaakBeslag"&gt; Banaan&lt;br&gt;
              &lt;input type="radio" name="smaakBeslag" value="Kokos" class="smaakBeslag"&gt; Kokos&lt;br&gt;
  
              &lt;h2&gt;Kies je beslagkleur:&lt;/h2&gt;
  
              &lt;button type="button" onclick="Function1()" &gt;Blauw&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function2()" &gt;Paars&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function3()" &gt;Rood&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function4()" &gt;Roze&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function5()" &gt;Bruin&lt;/button&gt;&lt;br/&gt;
  
          &lt;/nav&gt;
  
          &lt;nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right bakingcupopties" id="bakingcupopties"&gt;
              &lt;h3&gt;BakingCup&lt;/h3&gt;
              &lt;h2&gt;Kies je bakingcup kleur:&lt;/h2&gt;
              &lt;button type="button" onclick="Function6()" &gt;Paars&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function7()" &gt;Blauw&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function8()" &gt;Geel&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function9()" &gt;Rood&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function10()"&gt;Roze&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function11()"&gt;Wit&lt;/button&gt;&lt;br/&gt;
  
              &lt;h2&gt;Kies je bakingcup plaatje:&lt;/h2&gt;
              &lt;button type="button" onclick="Function12()" &gt;Skulls&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function13()" &gt;Hartjes&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function14()" &gt;Bubbles&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function15()" &gt;Bloemetjes&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function16()" &gt;Niets&lt;/button&gt;&lt;br/&gt;
          &lt;/nav&gt;
  
          &lt;nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right plattetoppingding" id="plattetoppingding"&gt;
              &lt;h3&gt;Platte topping&lt;/h3&gt;
              &lt;h2&gt; Kies je soort:&lt;/h2&gt;
              &lt;input type="radio" name="soortFondant" value="fondant" class="soortFondant"&gt;Fondant&lt;br/&gt;
              &lt;input type="radio" name="soortFondant" value="marsepijn" class="soortFondant"&gt;Marsepijn&lt;br/&gt;
              &lt;input type="radio" name="soortFondant" value="glazuur" class="soortFondant"&gt;Glazuur&lt;br/&gt;
  
              &lt;h2&gt; Kies je fondantkleur:&lt;/h2&gt;
              &lt;button type="button" onclick="Function17()" &gt;Blauw&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function18()" &gt;Bruin&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function19()" &gt;Groen&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function20()" &gt;Paars&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function21()" &gt;Rood&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function22()" &gt;Roze&lt;/button&gt;&lt;br/&gt;
  
              &lt;h2&gt; Kies je versiering:&lt;/h2&gt;
              &lt;button type="button" onclick="Function23()"&gt;Quilten&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function24()" &gt;Lijnen&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function25()" &gt;Rondjes&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function26()" &gt;Geen&lt;/button&gt;
          &lt;/nav&gt;
  
          &lt;nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right toeftopperding" id="toeftopperding"&gt;
              &lt;h3&gt;Toeftopping&lt;/h3&gt;
              &lt;h2&gt;Kies je soort:&lt;/h2&gt;
              &lt;input type="radio" name="soortTopping" value="slagroom" class="soortTopping"&gt;Slagroom&lt;br/&gt;
              &lt;input type="radio" name="soortTopping" value="botercreme" class="soortTopping"&gt;Botercreme&lt;br/&gt;
              &lt;input type="radio" name="soortTopping" value="royal-icing" class="soortTopping"&gt;Royal Icing&lt;br/&gt;
              &lt;input type="radio" name="soortTopping" value="creamcheese" class="soortTopping"&gt;Cream cheese&lt;br/&gt;
  
              &lt;h2&gt; Kies je toppingkleur:&lt;/h2&gt;
              &lt;button type="button" onclick="Function27()" &gt;Paars&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function28()" &gt;Blauw&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function29()" &gt;Bruin&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function30()" &gt;Geel&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function31()" &gt;Oranje&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function32()" &gt;Wit&lt;/button&gt;&lt;br/&gt;
  
              &lt;h2&gt;Kies je toppingversiering:&lt;/h2&gt;
              &lt;button type="button" onclick="Function33()" &gt;Balletjes&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function34()" &gt;Hagelslag&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function35()" &gt;Discohagel&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function36()" &gt;Geen&lt;/button&gt;&lt;br/&gt;
          &lt;/nav&gt;
  
          &lt;nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right topperding" id="topperding"&gt;
              &lt;h3&gt;Topper&lt;/h3&gt;
              &lt;h2&gt; Kies je topper:&lt;/h2&gt;
              &lt;button type="button" onclick="Function37()" &gt;Aardbei&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function38()" &gt;Kers&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function39()" &gt;Kaars&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function40()" &gt;Hartje&lt;&lt;/button&gt;
              &lt;button type="button" onclick="Function41()" &gt;Bloemetje&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function42()" &gt;Geen&lt;br/&gt;&lt;/button&gt;
          &lt;/nav&gt;
  
          &lt;nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right kaartjeding" id="kaartjeding"&gt;
              &lt;h3&gt;Kaartje&lt;/h3&gt;
              &lt;h2&gt; Kies je kaartje:&lt;/h2&gt;
              &lt;button type="button" onclick="Function43()" &gt;Rood&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function44()" &gt;Roze&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function45()" &gt;Blauw&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function46()" &gt;Geel&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function47()" &gt;Groen&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function48()" &gt;Wit&lt;/button&gt;&lt;br/&gt;
              &lt;button type="button" onclick="Function49()" &gt;Geen&lt;/button&gt;&lt;br/&gt;
          &lt;/nav&gt;
  
          &lt;div class="container"&gt;
              &lt;header class="clearfix"&gt;
                  &lt;span&gt;Cupcakes...&lt;/span&gt;
                  &lt;h1&gt;Make your own!&lt;/h1&gt;
              &lt;/header&gt;
              &lt;div class="main"&gt;
                  &lt;section&gt;
                      &lt;h2&gt;Change it!&lt;/h2&gt;
                      &lt;!-- Class "cbp-spmenu-open" gets applied to menu --&gt;
  
                      &lt;button id="beslag1"&gt;Beslag&lt;/button&gt;
                      &lt;button id="bakingcup1"&gt;Baking cup&lt;/button&gt;
                      &lt;button id="plattetoppingding1"&gt;plat&lt;/button&gt;
                      &lt;button id="toeftopperding1"&gt;toef&lt;/button&gt;
                      &lt;button id="topperding1"&gt;topperding&lt;/button&gt;
                      &lt;button id="kaartjeding1"&gt;kaartjeding&lt;/button&gt;
                      &lt;!--&lt;button id="plat1"&gt;Platte topping&lt;/button&gt;
                      &lt;button id="toef1"&gt;Toef topping&lt;/button&gt;
                      &lt;button id="topper1"&gt;Topper&lt;/button&gt;
                      &lt;button id="kaartje1"&gt;Kaartje&lt;/button&gt;--&gt;
                  &lt;/section&gt;
              &lt;/div&gt;
              &lt;div class="images"&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Kleur/Schaduw-01.png"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Beslag/Rood-01.png" id="RoodBeslag"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Beslag/Blauw-01.png" id="BeslagBlauw"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Beslag/Paars-01.png" id="BeslagPaars"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Beslag/Roze-01.png" id="BeslagRoze"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Beslag/Bruin-01.png" id="BeslagBruin"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Kleur/Wit-01.png" id="BakjeWit"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Kleur/Roze-01.png" id="BakjeRoze"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Kleur/Rood-01.png" id="BakjeRood"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Kleur/Paars-01.png" id="BakjePaars"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Kleur/Geel-01.png" id="BakjeGeel"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Kleur/Blauw-01.png" id="BakjeBlauw"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Tekening/Hartjes-01.png" id="BakjeHartjes"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Tekening/skulls-01.png" id="BakjeSkulls"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Tekening/Bloemetjes-01.png" id="BakjeBloemetjes"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Bakje-Tekening/Bubbles-01.png" id="BakjeBubbles"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Plat-Kleur/Blauw-01.png" id="PlatBlauw"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Plat-Kleur/Bruin-01.png" id="PlatBruin"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Plat-Kleur/Groen-01.png" id="PlatGroen"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Plat-Kleur/Paars-01.png" id="PlatPaars"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Plat-Kleur/Rood-01.png" id="PlatRood"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Plat-Kleur/Roze-01.png" id="PlatRoze"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Plat-Versiering/Lijnen-01.png" id="PlatLijnen"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Plat-Versiering/Quilten-01.png" id="PlatQuilten"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Plat-Versiering/Rond-01.png" id="PlatRondjes"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toef-Kleur/Blauw-01.png" id="ToefBlauw"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toef-Kleur/Bruin-01.png" id="ToefBruin"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toef-Kleur/Geel-01.png" id="ToefGeel"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toef-Kleur/Oranje-01.png" id="ToefOranje"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toef-Kleur/Paars-01.png" id="ToefPaars"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toef-Kleur/Wit-01.png" id="ToefWit"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toef-Versiering/Balletjes-01.png" id="ToefBalletjes"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toef-Versiering/Discohagel-01.png" id="ToefDiscohagel"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toef-Versiering/Hagelslag-01.png" id="ToefHagelslag"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toppers/hartje-01.png" id="TopperHartje"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toppers/bloemetje-01.png" id="TopperBloemetje"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toppers/kers-01.png" id="TopperKers"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toppers/aardbei-01.png" id="TopperAardbei"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Toppers/kaars-01.png" id="TopperKaars"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Kaartje/blauw-01.png" id="KaartjeBlauw"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Kaartje/geel-01.png" id="KaartjeGeel"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Kaartje/groen-01.png" id="KaartjeGroen"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Kaartje/rood-01.png" id="KaartjeRood"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Kaartje/roze-01.png" id="KaartjeRoze"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/Kaartje/wit-01.png" id="KaartjeWit"/&gt;
                  &lt;img src="../../Pictures/Cupcakeparts/transparant-01.png" id="Geen"/&gt;
              &lt;/div&gt;  
      &lt;/div&gt;
          &lt;!-- Classie - class helper functions by @desandro https://github.com/desandro/classie --&gt;
          &lt;script src="js/classie.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              var 
                  menuBeslag = document.getElementById( 'beslagopties' ),
                  showBeslag = document.getElementById( 'beslag1' ),
                  menuBakingcup = document.getElementById( 'bakingcupopties' ),
                  showBakingcup = document.getElementById( 'bakingcup1' ),
                  menuPlattetoppingding = document.getElementById( 'plattetoppingding' ),
                  showPlattetoppingding = document.getElementById( 'plattetoppingding1' ),
                  menuToeftopperding = document.getElementById( 'toeftopperding' ),
                  showToeftopperding = document.getElementById( 'toeftopperding1' ),
                  menuTopperding = document.getElementById( 'topperding' ),
                  showTopperding = document.getElementById( 'topperding1' ),
                  menuKaartjeding = document.getElementById( 'kaartjeding' ),
                  showKaartjeding = document.getElementById( 'kaartjeding1' ),
  
                  body = document.body;
  
  
              showBeslag.onclick = function() {
                  classie.toggle( this, 'active' );
                  classie.toggle( menuBeslag, 'cbp-spmenu-open' );
                  disableOther( 'showBeslag' );
              };
  
              showBakingcup.onclick = function() {
                  classie.toggle( this, 'active' );
                  classie.toggle( menuBakingcup, 'cbp-spmenu-open' );
                  disableOther( 'showBakingcup' ); 
              };
  
              showPlattetoppingding.onclick = function() {
                  classie.toggle( this, 'active' );
                  classie.toggle( menuPlattetoppingding, 'cbp-spmenu-open' );
                  disableOther( 'showPlattetoppingding' ); 
              };
  
              showToeftopperding.onclick = function() {
                  classie.toggle( this, 'active' );
                  classie.toggle( menuToeftopperding, 'cbp-spmenu-open' );
                  disableOther( 'showToeftopperding' ); 
              };
  
              showTopperding.onclick = function() {
                  classie.toggle( this, 'active' );
                  classie.toggle( menuTopperding, 'cbp-spmenu-open' );
                  disableOther( 'showTopperding' ); 
              };
  
              showKaartjeding.onclick = function() {
                  classie.toggle( this, 'active' );
                  classie.toggle( menuKaartjeding, 'cbp-spmenu-open' );
                  disableOther( 'showKaartjeding' ); 
              };
  
  
  
          function Function1() {
              x = document.getElementById('BeslagBlauw');
              x.style.width=100%;
              /*y = document.getElementById('Beslagpaars', 'RoodBeslag', 'BeslagRoze', 'BeslagBruin');
              y.style. opacity = 0;*/
          }
  
          function Function2() {
              x = document.getElementById('BeslagPaars');
              x.style.width=100%;
              /*y = document.getElementById('BeslagBlauw', 'RoodBeslag', 'BeslagRoze', 'BeslagBruin');
              y.style. opacity = 0;*/
          }
  
          function Function3() {
              x = document.getElementById('RoodBeslag');
              x.style.width=100%;
              /*y = document.getElementById('BeslagPaars', 'BeslagBlauw', 'BeslagRoze', 'BeslagBruin');
              y.style. opacity = 0;*/
          }
  
          function Function4() {
              x = document.getElementById('BeslagRoze');
              x.style.width=100%;
              /*y = document.getElementById('BeslagPaars', 'RoodBeslag', 'BeslagBlauw', 'BeslagBruin');
              y.style. opacity = 0;*/
          }
  
          function Function5() {
              x = document.getElementById('BeslagBruin');
              x.style.width=100%;
              /*y = document.getElementById('Beslagpaars', 'RoodBeslag', 'BeslagRoze', 'BeslagBlauw');
              y.style. opacity = 0;*/
          }
  
          function Function6() {
              x = document.getElementById('BakjePaars');
              x.style.width=100%;
              /*y = document.getElementById('BakjeBlauw', 'BakjeGeel', 'BakjeRood', 'BakjeRoze', 'BakjeWit');
              y.style. opacity = 0;*/
          }
  
  
          function Function7() {
              x = document.getElementById('BakjeBlauw');
              x.style.width=100%;
              /*y = document.getElementById('BakjePaars', 'BakjeGeel', 'BakjeRood', 'BakjeRoze', 'BakjeWit');
              y.style. opacity = 0;*/
          }
  
  
          function Function8() {
              x = document.getElementById('BakjeGeel');
              x.style.width=100%;
              /*y = document.getElementById('BakjeBlauw', 'BakjePaars', 'BakjeRood', 'BakjeRoze', 'BakjeWit');
              y.style. opacity = 0;*/
          }
  
          function Function9() {
              x = document.getElementById('BakjeRood');
              x.style.width=100%;
              /*y = document.getElementById('BakjeBlauw', 'BakjeGeel', 'BakjePaars', 'BakjeRoze', 'BakjeWit');
              y.style. opacity = 0;*/
          }
  
  
  
  function Function10() {
              x = document.getElementById('BakjeRoze');
              x.style.width=100%;
              /*y = document.getElementById('BakjeBlauw', 'BakjeGeel', 'BakjeRood', 'BakjePaars', 'BakjeWit');
              y.style. opacity = 0;*/
          }
  
          function Function11() {
              x = document.getElementById('BakjeWit');
              x.style.width=100%;
              /*y = document.getElementById('BakjeBlauw', 'BakjeGeel', 'BakjeRood', 'BakjeRoze', 'BakjePaars');
              y.style. opacity = 0;*/
          }
  
          function Function12() {
              x = document.getElementById('BakjeSkulls');
              x.style.width=100%;
              /*y = document.getElementById('BakjeHartjes', 'BakjeBloemetjes', 'BakjeBubbles');
              y.style. opacity = 0;*/
          }
  
          function Function13() {
              x = document.getElementById('BakjeHartjes');
              x.style.width=100%;
              /*y = document.getElementById('BakjeSkulls', 'BakjeBloemetjes', 'BakjeBubbles');
              y.style. opacity = 0;*/
          }
  
          function Function14() {
              x = document.getElementById('BakjeBubbles');
              x.style.width=100%;
              /*y = document.getElementById('BakjeHartjes', 'BakjeSkulls', 'BakjeBloemetjes');
              y.style. opacity = 0;*/
          }
  
          function Function15() {
              x = document.getElementById('BakjeBloemetjes');
              x.style.width=100%;
              /*y = document.getElementById('BakjeHartjes', 'BakjeBubbles', 'BakjeSkulls');
              y.style. opacity = 0;*/
          }
  
          function Function16() {
              x = document.getElementById('Geen');
              x.style.width=100%;
              /*y = document.getElementById('Beslagpaars', 'RoodBeslag', 'BeslagRoze', 'BeslagBlauw');
              y.style. opacity = 0;*/
          }
          /*
  
          function Function17() {
              x = document.getElementById('PlatBlauw');
              x.style.width=100%;
              /*y = document.getElementById'PlatRood', 'PlatPaars', 'PlatGroen', 'PlatBruin', 'PlatRoze');
              y.style. opacity = 0;*/
  
          }
  
  
  function Function18() {
              x = document.getElementById('PlatBruin');
              x.style.width=100%;
              /*y = document.getElementById('PlatRood', 'PlatPaars', 'PlatGroen', 'PlatBruin', 'PlatBlauw');
              y.style. opacity = 0;*/
          }
  
          function Function19() {
              x = document.getElementById('PlatGroen');
              x.style.width=100%;
              /*y = document.getElementById('PlatRood', 'PlatPaars', 'PlatRoze', 'PlatBruin', 'PlatBlauw');
              y.style. opacity = 0;*/
          }
  
          function Function20() {
              x = document.getElementById('PlatPaars');
              x.style.width=100%;
              /*y = document.getElementById('PlatRood', 'PlatRoze', 'PlatGroen', 'PlatBruin', 'PlatBlauw');
              y.style. opacity = 0;*/
          }
  
          function Function21() {
              x = document.getElementById('PlatRood');
              x.style.width=100%;
              /*y = document.getElementById('PlatRoze', 'PlatPaars', 'PlatGroen', 'PlatBruin', 'PlatBlauw');
              y.style. opacity = 0;*/
          }
  
          function Function22() {
              x = document.getElementById('PlatRoze');
              x.style.width=100%;
              /*y = document.getElementById('PlatRood', 'PlatPaars', 'PlatGroen', 'PlatBruin', 'PlatBlauw');
              y.style. opacity = 0;*/
          }
  
          function Function23() {
              x = document.getElementById('PlatQuilten');
              x.style.width=100%;
              /*y = document.getElementById('PlatLijnen','PlatRondjes');
              y.style. opacity = 0;*/
  
          }
  
          function Function24() {
              x = document.getElementById('PlatLijnen');
              x.style.width=100%;
              /*y = document.getElementById('PlatQuilten', 'PlatRondjes');
              y.style. opacity = 0;*/
  
          }
  
          function Function25() {
              x = document.getElementById('PlatRondjes');
              x.style.width=100%;
              /*y = document.getElementById('PlatLijnen', 'PlatQuilten');
              y.style. opacity = 0;*/
  
          }
  
          function Function26() {
              x = document.getElementById('Geen');
              x.style.width=100%;
              /*y = document.getElementById('PlatLijnen', 'PlatQuilten', 'PlatRondjes');
              y.style. opacity = 0;*/
  
          }
  
          function Function27() {
              x = document.getElementById('ToefPaars');
              x.style.width=100%;
              /*y = document.getElementById('ToefOranje','ToefGeel','ToefBruin','ToefBlauw','ToefWit');
              y.style. opacity = 0;*/
  
          }
  
          function Function28() {
              x = document.getElementById('ToefBlauw');
              x.style.width=100%;
              /*y = document.getElementById('ToefOranje','ToefGeel','ToefBruin','ToefWit','ToefPaars');
              y.style. opacity = 0;*/
  
          }
  
          function Function29() {
              x = document.getElementById('ToefBruin');
              x.style.width=100%;
              /*y = document.getElementById('ToefOranje','ToefGeel','ToefWit','ToefBlauw','ToefPaars');
              y.style. opacity = 0;*/
  
          }
  
          function Function30() {
              x = document.getElementById('ToefGeel');
              x.style.width=100%;
              /*y = document.getElementById('ToefOranje','ToefWit','ToefBruin','ToefBlauw','ToefPaars');
              y.style. opacity = 0;*/
  
          }
  
          function Function31() {
              x = document.getElementById('ToefOranje');
              x.style.width=100%;
              /*y = document.getElementById('ToefWit','ToefGeel','ToefBruin','ToefBlauw','ToefPaars');
              y.style. opacity = 0;*/
  
          }
  
          function Function32() {
              x = document.getElementById('ToefWit');
              x.style.width=100%;
              /*y = document.getElementById('ToefOranje','ToefGeel','ToefBruin','ToefBlauw','ToefPaars');
              y.style. opacity = 0;*/
  
          }
  
          function Function33() {
              x = document.getElementById('ToefBalletjes');
              x.style.width=100%;
              /*y = document.getElementById('ToefDiscohagel','ToefHagelslag');
              y.style. opacity = 0;*/
  
          }
  
          function Function34() {
              x = document.getElementById('ToefHagelslag');
              x.style.width=100%;
              /*y = document.getElementById('ToefDiscohagel', 'ToefBalletjes');
              y.style. opacity = 0;*/
  
          }
  
          function Function35() {
              x = document.getElementById('ToefDiscohagel');
              x.style.width=100%;
              /*y = document.getElementById('ToefHagelslag', 'ToefBalletjes');
              y.style. opacity = 0;*/
  
          }
  
          function Function36() {
              x = document.getElementById('Geen');
              x.style.width=100%;
              /*y = document.getElementById('ToefDiscohagel','ToefHagelslag', 'ToefBalletjes');
              y.style. opacity = 0;*/
  
          }
  
  
          function Function37() {
              x = document.getElementById('TopperAardbei');
              x.style.width=100%;
              /*y = document.getElementById('TopperBloemetje', 'TopperHartje', 'TopperKaars', 'TopperKers' );
              y.style. opacity = 0;*/
  
          }
  
          function Function38() {
              x = document.getElementById('TopperKers');
              x.style.width=100%;
              /*y = document.getElementById('TopperBloemetje', 'TopperHartje', 'TopperKaars', 'TopperAardbei' );
              y.style. opacity = 0;*/
          }
  
          function Function39() {
              x = document.getElementById('TopperKaars');
              x.style.width=100%;
              /*y = document.getElementById('TopperBloemetje', 'TopperHartje', 'TopperKers', 'TopperAardbei' );
              y.style. opacity = 0;*/  
          }
  
          function Function40() {
              x = document.getElementById('TopperHartje');
              x.style.width=100%;
              /*y = document.getElementById('TopperBloemetje', 'TopperKaars', 'TopperKers', 'TopperAardbei' );
              y.style. opacity = 0;*/
          }
  
          function Function41() {
              x = document.getElementById('TopperBloemetje');
              x.style.width=100%;
              /*y = document.getElementById('TopperHartje', 'TopperKaars', 'TopperKers', 'TopperAardbei' );
              y.style. opacity = 0;*/
          }
  
          function Function42() {
              x = document.getElementById('Geen');
              x.style.width=100%;
              /*y = document.getElementById('TopperBloemetje', 'TopperHartje', 'TopperKaars', 'TopperKers', 'TopperAardbei' );
              y.style. opacity = 0;*/
  
          }
  
          function Function43() {
              x = document.getElementById('KaartjeRood');
              x.style.width=100%;
              /* = document.getElementById('KaartjeGroen', 'KaartjeGeel', 'KaartjeBlauw', 'KaartjeWit', 'KaartjeRoze');
              y.style. opacity = 0;*/
  
          }
  
          function Function44() {
              x = document.getElementById('KaartjeRoze');
              x.style.width=100%;
              /*y = document.getElementById('KaartjeGroen', 'KaartjeGeel', 'KaartjeBlauw', 'KaartjeRood', 'KaartjeWit');
              y.style. opacity = 0;*/
  
          }
  
          function Function45() {
              x = document.getElementById('KaartjeBlauw');
              x.style.width=100%;
              /*y = document.getElementById('KaartjeGroen', 'KaartjeGeel', 'KaartjeWit', 'KaartjeRood', 'KaartjeRoze');
              y.style. opacity = 0;*/
  
          }
  
          function Function46() {
              x = document.getElementById('KaartjeGeel');
              x.style.width=100%;
              /*y = document.getElementById('KaartjeGroen', 'KaartjeWit', 'KaartjeBlauw', 'KaartjeRood', 'KaartjeRoze');
              y.style. opacity = 0;*/
  
          }
          function Function47() {
              x = document.getElementById('KaartjeGroen');
              x.style.width=100%;
              /*y = document.getElementById('KaartjeWit', 'KaartjeGeel', 'KaartjeBlauw', 'KaartjeRood', 'KaartjeRoze');
              y.style. opacity = 0;*/
  
          }
  
  
          function Function48() {
              x = document.getElementById('KaartjeWit');
              x.style.width=100%;
              /*y = document.getElementById('KaartjeGroen', 'KaartjeGeel', 'KaartjeBlauw', 'KaartjeRood', 'KaartjeRoze');
              y.style. opacity = 0;*/
  
          }
  
          function Function49() {
              x = document.getElementById('Geen');
              x.style.width=100%;
              /*y = document.getElementById('KaartjeGroen', 'KaartjeGeel', 'KaartjeBlauw', 'KaartjeRood', 'KaartjeRoze', 'KaartjeWit');
              y.style. opacity = 0;*/
  
  
          }
  
              /*function disableOther( button ) {
  
                  if( button !== 'beslag1' ) {
                      classie.toggle( showBeslag, 'disabled' );
                  }
  
                  if( button !== 'bakingcup1' ) {
                      classie.toggle( showBakingcup, 'disabled' );
                  }
  
                  if( button !== 'plattetoppingding1' ) {
                      classie.toggle( showPlattetoppingding, 'disabled' );
                  }
  
                  if( button !== 'toeftopperding1' ) {
                      classie.toggle( showToeftopperding, 'disabled' );
                  }
  
  
                  if( button !== 'topperding1' ) {
                      classie.toggle( showTopperding, 'disabled' );
                  }
  
  
                  if( button !== 'kaartjeding1' ) {
                      classie.toggle( showKaartjeding, 'disabled' );
                  }
  
  
              }*/
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>