<style type="text/css">
    .top{

    margin: 0px 0px 23px 0px;
    color: #000;
   }
   .img{

    margin-bottom: 20px;
   }
   .fimg{
    height: 500px;
    margin-bottom: 20px;
   }
   .container {
  position: relative;
  text-align: center;
  color: white;
}
.container a {
  
  color: white;
}
   .bottom-left {
  position: absolute;
  bottom: 50px;
  left: 15px;

}
.back{

    background-color: #000;
    width: 338px;
    height: 45px;

}
.bottom-left h4{

   line-height: 44px;
    
}
.bgdiv{
    background-color: #f1f1f1;
}

</style>
<style>
.vertical-menu {
  width: 400px;
}

.vertical-menu a {
  background-color: #eee;
  color: #ccc;
  display: block;
  padding: 12px;
  text-decoration: none;
  text-align: left;
  margin-bottom: 5px;
  
  height: 50px;
  box-shadow: 0px 2px #E8E8E8;
}



.vertical-menu a.active {
  /*background-color: #04AA6D;*/
  color: #000;
}
.vertical-menu a span {
   float: right;
    }
    .vertical-menu a img {
   padding: 10px;
    }

    #stage1{

        font-size: 6px;
        margin-top: -11px;
        line-height: 6px;
    }
    #pro{
        margin-top: -12px;
    }
    #stolp{
        margin-top: -10px;
    }
    #toppr{
        margin-top: -10px;
    }
    #tilim2{
       margin-top: -10px; 
    }
    input[type="radio"]{
        margin-top: -2px;
    }
    td{
        padding: 10px;
    }
</style>
<style type="text/css">
    #form2
    {
        display: none;
    }
    #form3
    {
        display: none;
    }
    #form4
    {
        display: none;
    }
    #form5
    {
        display: none;
    }
    #form6
    {
        display: none;
    }
    #form7
    {
        display: none;
    }
    #form8
    {
        display: none;
    }

</style>


<script>
/*jQuery("#product").click(function() {
  alert( "Handler for .click() called." );
});*/

/*function myFunction() {
  document.getElementById("form2").style.display = "block";
  $(this).find('img').attr('src');
  //document.getElementById("form1").style.display = "none";
   //var x = document.getElementsById("img")[0].id; 
   console.log( $('img').attr('src'));
  //document.getElementById("demo").innerHTML = x;
}*/
</script>


<div class="col-md-12 container" id="form1">
    <div class="col-md-12 col-sm-12 top">
<div class="col-md-6 col-sm-6">
    <h2>VAELG SERIE</h2>

</div>
<div class="col-md-6 col-sm-6">
    <h2>BEREGN MATERIALEFORBRUG</h2>

</div>

</div>
    <div class="col-md-6 " id="product">
      
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/BEREGN-DIT-ALU-HEGN.jpg" class="fimg" id="f1">
        <div class="bottom-left">
           <h4 class="back" id="BEREGN DIT ALU HEGN" > BEREGN DIT ALU HEGN</h4>

        </div>
  
    </div>
    <div class="col-md-6 " id="product">
      
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/BEREGN-DIN-TERASSE.jpg" class="fimg" id="f2">
         <div class="bottom-left">
            <h4 class="back" id="BEREGN DIN TERASSE">BEREGN DIN TERASSE</h4>

        </div>
   
    </div>
    <div class="col-md-6 " id="product">
      
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/BEREGN-DIT-GALVANISERET-HEGN.jpg" class="fimg" id="f3">
         <div class="bottom-left">
            <h4 class="back" id="BEREGN DIT GALVANISERET HEGN">BEREGN DIT GALVANISERET HEGN</h4>

        </div>
   
    </div>
    <div class="col-md-6 " id="product">
      
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/BEREGN-DIT-STØJHEGN.jpg" class="fimg" id="f4">
         <div class="bottom-left">
            <h4 class="back" id="BEREGN DIT STØJHEGN">BEREGN DIT STØJHEGN</h4>

        </div>
  
    </div>
    

</div>



<div class="col-md-12 col-sm-12 top" id="form2">
<div class="col-md-8 col-sm-8 bgdiv">
    <h3>VAELG FORM</h3>
    <div class="col-md-4 col-sm-4 img" id="product" >
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/form1.jpg" id="op1">
        <h4 id="Uden Hjorner">Uden Hjorner</h4>
    </div>
    <div class="col-md-4 col-sm-4 img" id="product">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/form2.jpg" id="op2">
        <h4 id="Et Hjorne">Et Hjorne</h4>
    </div>
    <div class="col-md-4 col-sm-4 img" id="product">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/form3.jpg" id="op3">
        <h4 id="To Hjorne">To Hjorner</h4>
    </div>
    <div class="col-md-4 col-sm-4 img" id="product">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/form4.jpg" id="op4">
        <h4 id="Fire Hjorne">Fire Hjorner</h4>
    </div>
    <div class="col-md-4 col-sm-4 img" id="product">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/opform2.png" id="op5">
        <h4 id="Seks Hjorne">Seks Hjorner</h4>
    </div>
    <div class="col-md-4 col-sm-4 img" id="product">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/opform3.png" id="op6">
        <h4 id="Otte Hjorne">Otte Hjorner</h4>
    </div>
</div>
<script>
function shFunctionf1() {
  document.getElementById("form1").style.display = "block";
  document.getElementById("form2").style.display = "none";
  document.getElementById("form3").style.display = "none";
  document.getElementById("form4").style.display = "none";
  document.getElementById("form5").style.display = "none";
  document.getElementById("form6").style.display = "none";
  document.getElementById("form7").style.display = "none";
  document.getElementById("form8").style.display = "none";

  
}
</script>
<div class="col-md-4 col-sm-4"> 
<h3>DIT VAELG</h3>
<div class="vertical-menu">
  <a href="#" class="active" onclick="shFunctionf1()">1. Serie / Alu Hegn <span id="demo"></span></a>
  <a href="#">2. Vaelg Form</a>
  <a href="#">3. Dimensioner</a>
  <a href="#">4. Vaelg Profil</a>
  <a href="#" >5. Vaelg Stolpestorrelse</a>
  <a href="#">6. Vaelg Topprofil</a>
  <a href="#">7. Vaelg Tilbehor</a>
</div>
</div>
</div>





<style type="text/css">
    input[type="number"]{

        width: 110px;
    }
     #dim1
    {
        display: none;
    }
    #dim2
    {
        display: none;
    }
     #dim3
    {
        display: none;
    }
     #dim4
    {
        display: none;
    }
     #dim5
    {
        display: none;
    }
     #dim6
    {
        display: none;
    }

</style>

<div class="col-md-12 col-sm-12 top" id="form3">
<div class="col-md-8 col-sm-8 bgdiv">
    <h3>DIMENSIONER</h3>
    <div class="col-md-5 col-sm-5 img" >
        <span id="demo22"></span>
       <span id="demonm"></span>
    </div>


      
    <div class="col-md-7 col-sm-7 img" id="dim1">
        
        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part A</h4>
            <input type="number" name="hpa" id="hpa">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part A</h4>
            <input type="number" name="lpa" id="lpa">
        </div>
        
        
            
            <input type="button" name="button" value="Submit" id="sub1">
      
    </div>



    <div class="col-md-7 col-sm-7 img" id="dim2">
        
        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part A</h4>
            <input type="number" name="" id="hpa2">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part A</h4>
            <input type="number" name="" id="lpa2">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part B</h4>
            <input type="number" name="" id="hpb2">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part B</h4>
            <input type="number" name="" id="lpb2">
        </div>

        
        
            
            <input type="button" name="button" value="Submit" id="sub2">
        
    </div>



    <div class="col-md-7 col-sm-7 img" id="dim3">
        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part A</h4>
            <input type="number" name="hpa3" id="hpa3">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part A</h4>
            <input type="number" name="lpa3" id="lpa3">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part B</h4>
            <input type="number" name="hpb3" id="hpb3">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part B</h4>
            <input type="number" name="lpb3" id="lpb3">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part C</h4>
            <input type="number" name="hpc3" id="hpc3">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part C</h4>
            <input type="number" name="lpc3" id="lpc3">
        </div>
        
            
            <input type="button" name="button" value="Submit" id="sub3">
        
    </div>



    <div class="col-md-7 col-sm-7 img" id="dim4">
        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part A</h4>
            <input type="number" name="hpa4" id="hpa4">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part A</h4>
            <input type="number" name="lpa4" id="lpa4">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part B</h4>
            <input type="number" name="hpb4" id="hpb4">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part B</h4>
            <input type="number" name="lpb4" id="lpb4">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part C</h4>
            <input type="number" name="hpc4" id="hpc4">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part C</h4>
            <input type="number" name="lpc4" id="lpc4">
        </div>


        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part D</h4>
            <input type="number" name="hpd4" id="hpd4">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part D</h4>
            <input type="number" name="lpd4" id="lpd4">
        </div>
        
            
            <input type="button" name="button" value="Submit" id="sub4">
       
    </div>




    <div class="col-md-7 col-sm-7 img" id="dim5">
        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part A</h4>
            <input type="number" name="hpa5" id="hpa5">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part A</h4>
            <input type="number" name="lpa5" id="lpa5">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part B</h4>
            <input type="number" name="hpb5" id="hpb5">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part B</h4>
            <input type="number" name="lpb5" id="lpb5">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part C</h4>
            <input type="number" name="hpc5" id="hpc5">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part C</h4>
            <input type="number" name="lpc5" id="lpc5">
        </div>


        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part D</h4>
            <input type="number" name="hpd5" id="hpd5">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part D</h4>
            <input type="number" name="lpd5" id="lpd5">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part E</h4>
            <input type="number" name="hpe5" id="hpe5">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part E</h4>
            <input type="number" name="lpe5" id="lpe5">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part F</h4>
            <input type="number" name="hpf5" id="hpf5">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part F</h4>
            <input type="number" name="lpf5" id="lpf5">
        </div>
       
            
            <input type="button" name="button" value="Submit" id="sub5">
        
    </div>



     <div class="col-md-7 col-sm-7 img" id="dim6">
        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part A</h4>
            <input type="number" name="hpa6" id="hpa6">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part A</h4>
            <input type="number" name="lpa6" id="lpa6">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part B</h4>
            <input type="number" name="hpb6" id="hpb6">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part B</h4>
            <input type="number" name="lpb6" id="lpb6">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part C</h4>
            <input type="number" name="hpc6" id="hpc6">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part C</h4>
            <input type="number" name="lpc6" id="lpc6">
        </div>


        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part D</h4>
            <input type="number" name="hpd6" id="hpd6">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part D</h4>
            <input type="number" name="lpd6" id="lpd6">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part E</h4>
            <input type="number" name="hpe6" id="hpe6"> 
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part E</h4>
            <input type="number" name="lpe6" id="lpe6">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part F</h4>
            <input type="number" name="hpf6" id="hpf6">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part F</h4>
            <input type="number" name="lpf6" id="lpf6">
        </div>


        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part G</h4>
            <input type="number" name="hpg6" id="hpg6">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part G</h4>
            <input type="number" name="lpg6" id="lpg6">
        </div>

        <div class="col-md-6 col-sm-6">
            <h4>Hojde for part H</h4>
            <input type="number" name="hph6" id="hph6">
        </div>
        <div class="col-md-6 col-sm-6">
            <h4>Laengde for part H</h4>
            <input type="number" name="lph6" id="lph6">
        </div>
        
            
            <input type="button" name="button" value="Submit" id="sub6">
        
    </div>
   
</div>
<script>
function shFunctionf2() {
  document.getElementById("form1").style.display = "none";
  document.getElementById("form2").style.display = "block";
  document.getElementById("form3").style.display = "none";
  document.getElementById("form4").style.display = "none";
  document.getElementById("form5").style.display = "none";
  document.getElementById("form6").style.display = "none";
  document.getElementById("form7").style.display = "none";
  document.getElementById("form8").style.display = "none";

  
}
</script>
<div class="col-md-4 col-sm-4"> 
<h3>DIT VAELG</h3>
<div class="vertical-menu">
  <a href="#" class="active" onclick="shFunctionf1()">1. Serie / Alu Hegn <span id="demo"></span></a>
  <a href="#" class="active" onclick="shFunctionf2()">2. Vaelg Form <span id="demo2"></span></a>
  <a href="#">3. Dimensioner</a>
  <a href="#">4. Vaelg Profil</a>
  <a href="#" >5. Vaelg Stolpestorrelse</a>
  <a href="#">6. Vaelg Topprofil</a>
  <a href="#">7. Vaelg Tilbehor</a>
</div>
</div>
</div>




<div class="col-md-12 col-sm-12 top" id="form4">
<div class="col-md-8 col-sm-8 bgdiv">
    <h3>VAELG PROFIL</h3>
    <div class="col-md-6 col-sm-6 img " id="profil">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/k1_7-1.jpg" style=" width: 330px; height: 226px;" id="pro1">
        <h4 id="K1 Black">K1 Black</h4>
    </div>
    <div class="col-md-6 col-sm-6 img" id="profil">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/k1_grey.jpg" style=" width: 330px; height: 226px;" id="pro2">
        <h4 id="K1 Grey"> K1 Grey</h4>
    </div>
    <div class="col-md-6 col-sm-6 img" id="profil">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/K2_black.jpg" style=" width: 330px; height: 226px;" id="pro3">
        <h4 id="K2 Black">K2 Black</h4>
    </div>
    <div class="col-md-6 col-sm-6 img" id="profil">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/k2_grey.jpg" style=" width: 330px; height: 226px;" id="pro4">
        <h4 id="K2 Grey">K2 Grey</h4>
    </div>
    
</div>
<script>
function shFunctionf3() {
  document.getElementById("form1").style.display = "none";
  document.getElementById("form2").style.display = "none";
  document.getElementById("form3").style.display = "block";
  document.getElementById("form4").style.display = "none";
  document.getElementById("form5").style.display = "none";
  document.getElementById("form6").style.display = "none";
  document.getElementById("form7").style.display = "none";
  document.getElementById("form8").style.display = "none";
  

  
}
</script>
<div class="col-md-4 col-sm-4"> 
<h3>DIT VAELG</h3>
<div class="vertical-menu">
  <a href="#" class="active" onclick="shFunctionf1()">1. Serie / Alu Hegn <span id="demo"></span></a>
  <a href="#" class="active" onclick="shFunctionf2()">2. Vaelg Form <span id="demo2"></span></a>
  <a href="#" class="active" onclick="shFunctionf3()">3. Dimensioner <span id="stage1"></span> </a>
  <a href="#">4. Vaelg Profil</a>
  <a href="#" >5. Vaelg Stolpestorrelse</a>
  <a href="#">6. Vaelg Topprofil</a>
  <a href="#">7. Vaelg Tilbehor</a>
</div>
</div>
</div>


<script>
jQuery("#form5 #stolpe").on('click',function() {
   
   proimg = jQuery(this).find('img').attr('src');
  console.log(proimg);
  jQuery("#form5").hide();
  jQuery("#form6").show();
 
jQuery("#form6").find('#pro').html('<img src="'+proimg+'" width="50px;"/>');
});
</script>

<div class="col-md-12 col-sm-12 top" id="form5">
<div class="col-md-8 col-sm-8 bgdiv">
    <h3>VAELG STOLPESTORRELSE</h3>
    <div class="col-md-6 col-sm-6 img" id="stolpe" >
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/10001-1.jpg" style=" width: 330px; height: 226px;" id="stol1">
        <h4 id="80x80 mm">80x80 mm</h4>
    </div>
    <div class="col-md-6 col-sm-6 img" id="stolpe">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/10002.jpg" style=" width: 330px; height: 226px;" id="stol2">
        <h4 id="80x80 mm">80x80 mm</h4>
    </div>
   
    
</div>
<script>
function shFunctionf4() {
  document.getElementById("form1").style.display = "none";
  document.getElementById("form2").style.display = "none";
  document.getElementById("form3").style.display = "none";
  document.getElementById("form4").style.display = "block";
  document.getElementById("form5").style.display = "none";
   document.getElementById("form6").style.display = "none";
    document.getElementById("form7").style.display = "none";
     document.getElementById("form8").style.display = "none";

  
}
</script>
<div class="col-md-4 col-sm-4"> 
<h3>DIT VAELG</h3>
<div class="vertical-menu">
  <a href="#" class="active" onclick="shFunctionf1()">1. Serie / Alu Hegn <span id="demo"></span></a>
  <a href="#" class="active" onclick="shFunctionf2()">2. Vaelg Form <span id="demo2"></span></a>
  <a href="#" class="active" onclick="shFunctionf3()">3. Dimensioner <span id="stage1"></span> </a>
  <a href="#" class="active" onclick="shFunctionf4()">4. Vaelg Profil <span id="pro"></span></a>
  <a href="#" >5. Vaelg Stolpestorrelse</a>
  <a href="#">6. Vaelg Topprofil</a>
  <a href="#">7. Vaelg Tilbehor</a>
</div>
</div>
</div>




<script>
function shFunctionf5() {
  document.getElementById("form1").style.display = "none";
  document.getElementById("form2").style.display = "none";
  document.getElementById("form3").style.display = "none";
  document.getElementById("form4").style.display = "none";
  document.getElementById("form5").style.display = "block";
  document.getElementById("form6").style.display = "none";
  document.getElementById("form7").style.display = "none";
  document.getElementById("form8").style.display = "none";
  
}
</script>




<div class="col-md-12 col-sm-12 top" id="form6">
<div class="col-md-8 col-sm-8 bgdiv">
    <h3>VAELG TOPPROFIL</h3>
    <div class="col-md-6 col-sm-6 img" id="toppr">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/K3_Topprofil_1.jpg" id="tp1">
        <h4 id="K3 40x120 mm">K3 40x120 mm</h4>
    </div>
    
   
    
</div>

<div class="col-md-4 col-sm-4"> 
<h3>DIT VAELG</h3>
<div class="vertical-menu">
  <a href="#" class="active" onclick="shFunctionf1()">1. Serie / Alu Hegn <span id="demo"></span></a>
  <a href="#" class="active" onclick="shFunctionf2()">2. Vaelg Form <span id="demo2"></span></a>
  <a href="#" class="active" onclick="shFunctionf3()">3. Dimensioner <span id="stage1"></span> </a>
  <a href="#" class="active" onclick="shFunctionf4()">4. Vaelg Profil <span id="pro"></span></a>
  <a href="#" class="active" onclick="shFunctionf5()">5. Vaelg Stolpestorrelse <span id="stolp"></span></a>
  <a href="#">6. Vaelg Topprofil</a>
  <a href="#">7. Vaelg Tilbehor</a>
</div>
</div>
</div>




<style type="text/css">
    table{
        width: 100%;
    }
    td{

        border: solid 1px;
    }

</style>


<div class="col-md-12 col-sm-12 top" id="form7">
<div class="col-md-8 col-sm-8 bgdiv">
    <h3>VAELG TILBEHOR</h3>
    <div class="col-md-4 col-sm-4 img" id="tilb">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/acc1.jpg" >
        <h4>Imprægnering 1L Vælg <input type="radio" name="tilim" value="https://kirkedal.de/wp-content/themes/kallyas/childimg/acc1.jpg" id="tilim"></h4>
    </div>
    <div class="col-md-4 col-sm-4 img" id="tilb">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/acc3.jpg" >
        <h4>Rens 750ml Vælg <input type="radio" name="tilim" value="https://kirkedal.de/wp-content/themes/kallyas/childimg/acc3.jpg" id="tilim"></h4>
    </div>
   <div class="col-md-4 col-sm-4 img" id="tilb">
        <img src="https://kirkedal.de/wp-content/themes/kallyas/childimg/alu_led_80x80.jpg" >
        <h4>Alu Design Stolpefod Vælg <input type="radio" name="tilim" value="https://kirkedal.de/wp-content/themes/kallyas/childimg/alu_led_80x80.jpg" id="tilim"></h4>
    </div>

    <table style="margin-bottom: 10px;">
        <tr>
            <td>LED Belysning???</td>
             <td>NEJ  <input type="radio" name="bely" value="NEJ" id="bely"></td>
             <td>LED <input type="radio" name="bely" value="LED" id="bely"></td>
             <td>LED alu black <input type="radio" name="bely" value="LED alu black" id="bely"></td>
             <td>LED alu <input type="radio" name="bely" value="LED alu" id="bely"></td>
        </tr>

    </table>
    
   <input type="button" name="button" value="BEREGN" id="beregn">
    
</div>
<script>
function shFunctionf6() {
  document.getElementById("form1").style.display = "none";
  document.getElementById("form2").style.display = "none";
  document.getElementById("form3").style.display = "none";
  document.getElementById("form4").style.display = "none";
  document.getElementById("form5").style.display = "none";
  document.getElementById("form6").style.display = "block";
  document.getElementById("form7").style.display = "none";
  document.getElementById("form8").style.display = "none";
}
</script>
<div class="col-md-4 col-sm-4"> 
<h3>DIT VAELG</h3>
<div class="vertical-menu">
  <a href="#" class="active" onclick="shFunctionf1()">1. Serie / Alu Hegn <span id="demo"></span></a>
  <a href="#" class="active" onclick="shFunctionf2()">2. Vaelg Form <span id="demo2"></span></a>
  <a href="#" class="active" onclick="shFunctionf3()">3. Dimensioner <span id="stage1"></span> </a>
  <a href="#" class="active" onclick="shFunctionf4()">4. Vaelg Profil <span id="pro"></span></a>
  <a href="#" class="active" onclick="shFunctionf5()">5. Vaelg Stolpestorrelse <span id="stolp"></span></a>
  <a href="#" class="active" onclick="shFunctionf6()">6. Vaelg Topprofil <span id="toppr"></span></a>
  <a href="#">7. Vaelg Tilbehor </a>
</div>
</div>
</div>





<div class="col-md-12 col-sm-12 top" id="form8">
<div class="col-md-8 col-sm-8 bgdiv">
    <h3>3D Show</h3>
    <div class="col-md-12 col-sm-12 img">
        <img src="https://kirkedalkomposit.dk/wp-content/uploads/2020/12/Web_DSC_4795.jpg">
        <h4>Uden Hjorner</h4>
    </div>
    

    
    
    
    
</div>
<script>
function shFunctionf7() {
  document.getElementById("form1").style.display = "none";
  document.getElementById("form2").style.display = "none";
  document.getElementById("form3").style.display = "none";
  document.getElementById("form4").style.display = "none";
  document.getElementById("form5").style.display = "none";
  document.getElementById("form6").style.display = "none";
  document.getElementById("form7").style.display = "block";
  document.getElementById("form8").style.display = "none";
}
</script>
<div class="col-md-4 col-sm-4"> 
<h3>DIT VAELG</h3>
<div class="vertical-menu">
 <a href="#" class="active" onclick="shFunctionf1()">1. Serie / Alu Hegn <span id="demo"></span></a>
  <a href="#" class="active" onclick="shFunctionf2()">2. Vaelg Form <span id="demo2"></span></a>
  <a href="#" class="active" onclick="shFunctionf3()">3. Dimensioner <span id="stage1"></span> </a>
  <a href="#" class="active" onclick="shFunctionf4()">4. Vaelg Profil <span id="pro"></span></a>
  <a href="#" class="active" onclick="shFunctionf5()">5. Vaelg Stolpestorrelse <span id="stolp"></span></a>
  <a href="#" class="active" onclick="shFunctionf6()">6. Vaelg Topprofil <span id="toppr"></span></a>
  <a href="#" class="active" onclick="shFunctionf7()">7. Vaelg Tilbehor <span id="tilim2"></span> <span id="tilim1"></span></a>
</div>

<h4>Total  26.244,60</h4>
<button>Print/Send beregningen</button>
<button>Tilfoj indkobskurven</button>
</div>

  <table>
        <tr>
            <td>Serie / Alu Hegn</td>
            <td>Vaelg Form </td>
            <td>Dimensioner</td>
            <td>Vaelg Profil</td>
            <td>Vaelg Stolpestorrelse</td>
            <td>Vaelg Topprofil</td>
            <td>Vaelg Tilbehor</td>
        </tr>

        <tr>
            <td><span id="demo"></span><br><span id="fnamdemo"></span></td>
            <td><span id="demo2"></span><br><span id="demonm"></span></td>
            <td><span id="stage1" style="font-size: 12px;"></span></td>
            <td><span id="pro"></span><br><span id="pronam"></span></td>
            <td><span id="stolp"></span><br><span id="stopnam"></span></td>
            <td><span id="toppr"></span><span id="toppnam"></span></td>
            <td><span id="tt2"></span><span id="tt1"></span></td>
        </tr>

    </table>

</div>

  
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
jQuery("#form1 #product").on('click',function() {
   
   imgsrc = jQuery(this).find('img').attr('src');
  console.log(imgsrc);
  jQuery("#form1").hide();
  jQuery("#form2").show();
   fnam = jQuery(this).find('h4').attr('id');
   jQuery("#form8").find('#fnamdemo').html(fnam);
  jQuery("#form2").find('#demo').html('<img src="'+imgsrc+'" width="50px;"/>');
  jQuery("#form3").find('#demo').html('<img src="'+imgsrc+'" width="50px;"/>');
jQuery("#form4").find('#demo').html('<img src="'+imgsrc+'" width="50px;"/>');
jQuery("#form5").find('#demo').html('<img src="'+imgsrc+'" width="50px;"/>');
jQuery("#form6").find('#demo').html('<img src="'+imgsrc+'" width="50px;"/>');
jQuery("#form7").find('#demo').html('<img src="'+imgsrc+'" width="50px;"/>');
jQuery("#form8").find('#demo').html('<img src="'+imgsrc+'" width="50px;"/>');
});
</script>
<script>
jQuery("#form2 #product").on('click',function() {
   
   imgsrc2 = jQuery(this).find('img').attr('src');
   pnam = jQuery(this).find('h4').attr('id');
   imgsrcop = jQuery(this).find('img').attr('id');
  console.log(imgsrc2);
 
  jQuery("#form2").hide();
  jQuery("#form3").show();
  jQuery("#form3").find('#demonm').html(pnam);
  jQuery("#form8").find('#demonm').html(pnam);
  jQuery("#form3").find('#demo2').html('<img src="'+imgsrc2+'" width="50px;"/>');
  jQuery("#form4").find('#demo2').html('<img src="'+imgsrc2+'" width="50px;"/>');
  jQuery("#form5").find('#demo2').html('<img src="'+imgsrc2+'" width="50px;"/>');
  jQuery("#form6").find('#demo2').html('<img src="'+imgsrc2+'" width="50px;"/>');
  jQuery("#form7").find('#demo2').html('<img src="'+imgsrc2+'" width="50px;"/>');
  jQuery("#form8").find('#demo2').html('<img src="'+imgsrc2+'" width="50px;"/>');
  jQuery("#form3").find('#demo22').html('<img src="'+imgsrc2+'"/>');
  jQuery("#form3").find('#demo23').html(imgsrcop);

  if(imgsrcop == "op1")
  {
    jQuery("#dim1").show();
     jQuery("#dim2").hide();
     jQuery("#dim3").hide();
     jQuery("#dim4").hide();
     jQuery("#dim5").hide();
     jQuery("#dim6").hide();
  }
  else if(imgsrcop == "op2")
  {
    jQuery("#dim2").show();
    jQuery("#dim1").hide();
    jQuery("#dim3").hide();
     jQuery("#dim4").hide();
     jQuery("#dim5").hide();
     jQuery("#dim6").hide();
  }
  else if(imgsrcop == "op3")
  {
    jQuery("#dim3").show();
    jQuery("#dim1").hide();
    jQuery("#dim2").hide();
     jQuery("#dim4").hide();
     jQuery("#dim5").hide();
     jQuery("#dim6").hide();
  }
  else if(imgsrcop == "op4")
  {
    jQuery("#dim4").show();
    jQuery("#dim1").hide();
    jQuery("#dim2").hide();
    jQuery("#dim3").hide();
     jQuery("#dim5").hide();
     jQuery("#dim6").hide();
  }
  else if(imgsrcop == "op5")
  {
    jQuery("#dim5").show();
    jQuery("#dim1").hide();
    jQuery("#dim2").hide();
    jQuery("#dim3").hide();
    jQuery("#dim4").hide();
    jQuery("#dim6").hide();

  }
   else if(imgsrcop == "op6")
  {
    jQuery("#dim6").show();
    jQuery("#dim1").hide();
    jQuery("#dim2").hide();
    jQuery("#dim3").hide();
    jQuery("#dim4").hide();
    jQuery("#dim5").hide();
  }
  
});
</script>
<script>
         $(document).ready(function() {
            
            $("#form3 #dim1 #sub1").click(function(){
                
                 var hpa = $("#hpa").val();
                 var lpa = $("#lpa").val();

               
                   console.log(hpa);
                   console.log(lpa);
                    $("#stage").html("A-H:" + hpa + "m - B:" + lpa +"m");
                    jQuery("#form3").hide();
  jQuery("#form4").show();
   jQuery("#form4").find('#stage1').html("A-H:" + hpa + "m - B:" + lpa +"m");
    jQuery("#form5").find('#stage1').html("A-H:" + hpa + "m - B:" + lpa +"m");
    jQuery("#form6").find('#stage1').html("A-H:" + hpa + "m - B:" + lpa +"m");
    jQuery("#form7").find('#stage1').html("A-H:" + hpa + "m - B:" + lpa +"m");
    jQuery("#form8").find('#stage1').html("A-H:" + hpa + "m - B:" + lpa +"m");
            });
                
         });
      </script>
       <script>
         $(document).ready(function() {
            
            $("#form3 #dim2 #sub2").click(function(){
                
                 var hpa2 = $("#hpa2").val();
                 var lpa2 = $("#lpa2").val();
                 var hpb2 = $("#hpb2").val();
                 var lpb2 = $("#lpb2").val();

               
                    $("#stage").html("A-H:" + hpa2 + "m - B:" + lpa2 +"m , B-H:" + hpb2 + "m - B:" + lpb2 +"m");
   jQuery("#form3").hide();
  jQuery("#form4").show();
   jQuery("#form4").find('#stage1').html("A-H:" + hpa2 + "m - B:" + lpa2 +"m <br> B-H:" + hpb2 + "m - B:" + lpb2 +"m");
   jQuery("#form5").find('#stage1').html("A-H:" + hpa2 + "m - B:" + lpa2 +"m <br> B-H:" + hpb2 + "m - B:" + lpb2 +"m");
    jQuery("#form6").find('#stage1').html("A-H:" + hpa2 + "m - B:" + lpa2 +"m <br> B-H:" + hpb2 + "m - B:" + lpb2 +"m");
    jQuery("#form7").find('#stage1').html("A-H:" + hpa2 + "m - B:" + lpa2 +"m <br> B-H:" + hpb2 + "m - B:" + lpb2 +"m");
    jQuery("#form8").find('#stage1').html("A-H:" + hpa2 + "m - B:" + lpa2 +"m <br> B-H:" + hpb2 + "m - B:" + lpb2 +"m");
            });
                
         });
      </script>

      <script>
         $(document).ready(function() {
            
            $("#form3 #dim3 #sub3").click(function(){
                
                 var hpa3 = $("#hpa3").val();
                 var lpa3 = $("#lpa3").val();
                 var hpb3 = $("#hpb3").val();
                 var lpb3 = $("#lpb3").val();
                 var hpc3 = $("#hpc3").val();
                 var lpc3 = $("#lpc3").val();

               
                    $("#stage").html("A-H:" + hpa3 + "m - B:" + lpa3 +"m , B-H:" + hpb3 + "m - B:" + lpb3 +"m , C-H:" + hpc3 + "m - B:" + lpc3 +"m");

                     jQuery("#form3").hide();
  jQuery("#form4").show();
   jQuery("#form4").find('#stage1').html("A-H:" + hpa3 + "m - B:" + lpa3 +"m <br> B-H:" + hpb3 + "m - B:" + lpb3 +"m <br> C-H:" + hpc3 + "m - B:" + lpc3 +"m");
   jQuery("#form5").find('#stage1').html("A-H:" + hpa3 + "m - B:" + lpa3 +"m <br> B-H:" + hpb3 + "m - B:" + lpb3 +"m <br> C-H:" + hpc3 + "m - B:" + lpc3 +"m");

   jQuery("#form6").find('#stage1').html("A-H:" + hpa3 + "m - B:" + lpa3 +"m <br> B-H:" + hpb3 + "m - B:" + lpb3 +"m <br> C-H:" + hpc3 + "m - B:" + lpc3 +"m");

   jQuery("#form7").find('#stage1').html("A-H:" + hpa3 + "m - B:" + lpa3 +"m <br> B-H:" + hpb3 + "m - B:" + lpb3 +"m <br> C-H:" + hpc3 + "m - B:" + lpc3 +"m");

    jQuery("#form8").find('#stage1').html("A-H:" + hpa3 + "m - B:" + lpa3 +"m <br> B-H:" + hpb3 + "m - B:" + lpb3 +"m <br> C-H:" + hpc3 + "m - B:" + lpc3 +"m");
   
            });
                
         });
      </script>
       <script>
         $(document).ready(function() {
            
            $("#form3 #dim4 #sub4").click(function(){
                
                 var hpa4 = $("#hpa4").val();
                 var lpa4 = $("#lpa4").val();
                 var hpb4 = $("#hpb4").val();
                 var lpb4 = $("#lpb4").val();
                 var hpc4 = $("#hpc4").val();
                 var lpc4 = $("#lpc4").val();
                 var hpd4 = $("#hpd4").val();
                 var lpd4 = $("#lpd4").val();

               
                    $("#stage").html("A-H:" + hpa4 + "m - B:" + lpa4 +"m , B-H:" + hpb4 + "m - B:" + lpb4 +"m , C-H:" + hpc4 + "m - B:" + lpc4 +"m , D-H:" + hpd4 + "m - B:" + lpd4 +"m");

                     jQuery("#form3").hide();
  jQuery("#form4").show();
   jQuery("#form4").find('#stage1').html("A-H:" + hpa4 + "m - B:" + lpa4 +"m <br> B-H:" + hpb4 + "m - B:" + lpb4 +"m <br> C-H:" + hpc4 + "m - B:" + lpc4 +"m <br> D-H:" + hpd4 + "m - B:" + lpd4 +"m");
   jQuery("#form5").find('#stage1').html("A-H:" + hpa4 + "m - B:" + lpa4 +"m <br> B-H:" + hpb4 + "m - B:" + lpb4 +"m <br> C-H:" + hpc4 + "m - B:" + lpc4 +"m <br> D-H:" + hpd4 + "m - B:" + lpd4 +"m");

   jQuery("#form6").find('#stage1').html("A-H:" + hpa4 + "m - B:" + lpa4 +"m <br> B-H:" + hpb4 + "m - B:" + lpb4 +"m <br> C-H:" + hpc4 + "m - B:" + lpc4 +"m <br> D-H:" + hpd4 + "m - B:" + lpd4 +"m");

   jQuery("#form7").find('#stage1').html("A-H:" + hpa4 + "m - B:" + lpa4 +"m <br> B-H:" + hpb4 + "m - B:" + lpb4 +"m <br> C-H:" + hpc4 + "m - B:" + lpc4 +"m <br> D-H:" + hpd4 + "m - B:" + lpd4 +"m");

   jQuery("#form8").find('#stage1').html("A-H:" + hpa4 + "m - B:" + lpa4 +"m <br> B-H:" + hpb4 + "m - B:" + lpb4 +"m <br> C-H:" + hpc4 + "m - B:" + lpc4 +"m <br> D-H:" + hpd4 + "m - B:" + lpd4 +"m");
            });
                
         });
      </script>
      <script>
         $(document).ready(function() {
            
            $("#form3 #dim5 #sub5").click(function(){
                
                 var hpa5 = $("#hpa5").val();
                 var lpa5 = $("#lpa5").val();
                 var hpb5 = $("#hpb5").val();
                 var lpb5 = $("#lpb5").val();
                 var hpc5 = $("#hpc5").val();
                 var lpc5 = $("#lpc5").val();
                 var hpd5 = $("#hpd5").val();
                 var lpd5 = $("#lpd5").val();
                 var hpe5 = $("#hpe5").val();
                 var lpe5 = $("#lpe5").val();
                 var hpf5 = $("#hpf5").val();
                 var lpf5 = $("#lpf5").val();

               
                    $("#stage").html("A-H:" + hpa5 + "m - B:" + lpa5 +"m , B-H:" + hpb5 + "m - B:" + lpb5 +"m , C-H:" + hpc5 + "m - B:" + lpc5 +"m , D-H:" + hpd5 + "m - B:" + lpd5 +"m , E-H:" + hpe5 + "m - B:" + lpe5 +"m , F-H:" + hpf5 + "m - B:" + lpf5 +"m");

                    jQuery("#form3").hide();
  jQuery("#form4").show();
   jQuery("#form4").find('#stage1').html("A-H:" + hpa5 + "m - B:" + lpa5 +"m <br> B-H:" + hpb5 + "m - B:" + lpb5 +"m <br> C-H:" + hpc5 + "m - B:" + lpc5 +"m <br> D-H:" + hpd5 + "m - B:" + lpd5 +"m <br> E-H:" + hpe5 + "m - B:" + lpe5 +"m <br> F-H:" + hpf5 + "m - B:" + lpf5 +"m");
   jQuery("#form5").find('#stage1').html("A-H:" + hpa5 + "m - B:" + lpa5 +"m <br> B-H:" + hpb5 + "m - B:" + lpb5 +"m <br> C-H:" + hpc5 + "m - B:" + lpc5 +"m <br> D-H:" + hpd5 + "m - B:" + lpd5 +"m <br> E-H:" + hpe5 + "m - B:" + lpe5 +"m <br> F-H:" + hpf5 + "m - B:" + lpf5 +"m");

   jQuery("#form6").find('#stage1').html("A-H:" + hpa5 + "m - B:" + lpa5 +"m <br> B-H:" + hpb5 + "m - B:" + lpb5 +"m <br> C-H:" + hpc5 + "m - B:" + lpc5 +"m <br> D-H:" + hpd5 + "m - B:" + lpd5 +"m <br> E-H:" + hpe5 + "m - B:" + lpe5 +"m <br> F-H:" + hpf5 + "m - B:" + lpf5 +"m");

   jQuery("#form7").find('#stage1').html("A-H:" + hpa5 + "m - B:" + lpa5 +"m <br> B-H:" + hpb5 + "m - B:" + lpb5 +"m <br> C-H:" + hpc5 + "m - B:" + lpc5 +"m <br> D-H:" + hpd5 + "m - B:" + lpd5 +"m <br> E-H:" + hpe5 + "m - B:" + lpe5 +"m <br> F-H:" + hpf5 + "m - B:" + lpf5 +"m");

   jQuery("#form8").find('#stage1').html("A-H:" + hpa5 + "m - B:" + lpa5 +"m <br> B-H:" + hpb5 + "m - B:" + lpb5 +"m <br> C-H:" + hpc5 + "m - B:" + lpc5 +"m <br> D-H:" + hpd5 + "m - B:" + lpd5 +"m <br> E-H:" + hpe5 + "m - B:" + lpe5 +"m <br> F-H:" + hpf5 + "m - B:" + lpf5 +"m");
   
            });
                
         });
      </script>

      <script>
         $(document).ready(function() {
            
            $("#form3 #dim6 #sub6").click(function(){
                
                 var hpa6 = $("#hpa6").val();
                 var lpa6 = $("#lpa6").val();
                 var hpb6 = $("#hpb6").val();
                 var lpb6 = $("#lpb6").val();
                 var hpc6 = $("#hpc6").val();
                 var lpc6 = $("#lpc6").val();
                 var hpd6 = $("#hpd6").val();
                 var lpd6 = $("#lpd6").val();
                 var hpe6 = $("#hpe6").val();
                 var lpe6 = $("#lpe6").val();
                 var hpf6 = $("#hpf6").val();
                 var lpf6 = $("#lpf6").val();

                 var hpg6 = $("#hpg6").val();
                 var lpg6 = $("#lpg6").val();

                 var hph6 = $("#hph6").val();
                 var lph6 = $("#lph6").val();

               
                    $("#stage").html("A-H:" + hpa6 + "m - B:" + lpa6 +"m </br> B-H:" + hpb6 + "m - B:" + lpb6 +"m </br> C-H:" + hpc6 + "m - B:" + lpc6 +"m </br> D-H:" + hpd6 + "m - B:" + lpd6 +"m </br> E-H:" + hpe6 + "m - B:" + lpe6 +"m </br> F-H:" + hpf6 + "m - B:" + lpf6 +"m </br> G-H:" + hpg6 + "m - B:" + lpg6 +"m </br> H-H:" + hph6 + "m - B:" + lph6 +"m");


                    jQuery("#form3").hide();
  jQuery("#form4").show();
   jQuery("#form4").find('#stage1').html("A-H:" + hpa6 + "m - B:" + lpa6 +"m </br> B-H:" + hpb6 + "m - B:" + lpb6 +"m </br> C-H:" + hpc6 + "m - B:" + lpc6 +"m </br> D-H:" + hpd6 + "m - B:" + lpd6 +"m </br> E-H:" + hpe6 + "m - B:" + lpe6 +"m </br> F-H:" + hpf6 + "m - B:" + lpf6 +"m </br> G-H:" + hpg6 + "m - B:" + lpg6 +"m </br> H-H:" + hph6 + "m - B:" + lph6 +"m");
   jQuery("#form5").find('#stage1').html("A-H:" + hpa6 + "m - B:" + lpa6 +"m </br> B-H:" + hpb6 + "m - B:" + lpb6 +"m </br> C-H:" + hpc6 + "m - B:" + lpc6 +"m </br> D-H:" + hpd6 + "m - B:" + lpd6 +"m </br> E-H:" + hpe6 + "m - B:" + lpe6 +"m </br> F-H:" + hpf6 + "m - B:" + lpf6 +"m </br> G-H:" + hpg6 + "m - B:" + lpg6 +"m </br> H-H:" + hph6 + "m - B:" + lph6 +"m");

   jQuery("#form6").find('#stage1').html("A-H:" + hpa6 + "m - B:" + lpa6 +"m </br> B-H:" + hpb6 + "m - B:" + lpb6 +"m </br> C-H:" + hpc6 + "m - B:" + lpc6 +"m </br> D-H:" + hpd6 + "m - B:" + lpd6 +"m </br> E-H:" + hpe6 + "m - B:" + lpe6 +"m </br> F-H:" + hpf6 + "m - B:" + lpf6 +"m </br> G-H:" + hpg6 + "m - B:" + lpg6 +"m </br> H-H:" + hph6 + "m - B:" + lph6 +"m");

   jQuery("#form7").find('#stage1').html("A-H:" + hpa6 + "m - B:" + lpa6 +"m </br> B-H:" + hpb6 + "m - B:" + lpb6 +"m </br> C-H:" + hpc6 + "m - B:" + lpc6 +"m </br> D-H:" + hpd6 + "m - B:" + lpd6 +"m </br> E-H:" + hpe6 + "m - B:" + lpe6 +"m </br> F-H:" + hpf6 + "m - B:" + lpf6 +"m </br> G-H:" + hpg6 + "m - B:" + lpg6 +"m </br> H-H:" + hph6 + "m - B:" + lph6 +"m");

   jQuery("#form8").find('#stage1').html("A-H:" + hpa6 + "m - B:" + lpa6 +"m </br> B-H:" + hpb6 + "m - B:" + lpb6 +"m </br> C-H:" + hpc6 + "m - B:" + lpc6 +"m </br> D-H:" + hpd6 + "m - B:" + lpd6 +"m </br> E-H:" + hpe6 + "m - B:" + lpe6 +"m </br> F-H:" + hpf6 + "m - B:" + lpf6 +"m </br> G-H:" + hpg6 + "m - B:" + lpg6 +"m </br> H-H:" + hph6 + "m - B:" + lph6 +"m");
   
   
            });
                
         });
      </script>



      <script>
jQuery("#form4 #profil").on('click',function() {
   
   proimg = jQuery(this).find('img').attr('src');
  console.log(proimg);
  jQuery("#form4").hide();
  jQuery("#form5").show();
 pronam = jQuery(this).find('h4').attr('id');
 jQuery("#form8").find('#pronam').html(pronam);
jQuery("#form5").find('#pro').html('<img src="'+proimg+'" width="50px;"/>');
jQuery("#form6").find('#pro').html('<img src="'+proimg+'" width="50px;"/>');
jQuery("#form7").find('#pro').html('<img src="'+proimg+'" width="50px;"/>');
jQuery("#form8").find('#pro').html('<img src="'+proimg+'" width="50px;"/>');
});
</script>

 <script>
jQuery("#form5 #stolpe").on('click',function() {
   
   stolp = jQuery(this).find('img').attr('src');
  console.log(stolp);
  jQuery("#form5").hide();
  jQuery("#form6").show();
 stopnam = jQuery(this).find('h4').attr('id');
 jQuery("#form8").find('#stopnam').html(stopnam);
jQuery("#form6").find('#stolp').html('<img src="'+stolp+'" width="50px;"/>');
jQuery("#form7").find('#stolp').html('<img src="'+stolp+'" width="50px;"/>');
jQuery("#form8").find('#stolp').html('<img src="'+stolp+'" width="50px;"/>');
});
</script>

<script>
jQuery("#form6 #toppr").on('click',function() {
   
   toppr = jQuery(this).find('img').attr('src');
  console.log(toppr);
  jQuery("#form6").hide();
  jQuery("#form7").show();
 toppnam = jQuery(this).find('h4').attr('id');
 jQuery("#form8").find('#toppnam').html(toppnam);
jQuery("#form7").find('#toppr').html('<img src="'+toppr+'" width="50px;"/>');
jQuery("#form8").find('#toppr').html('<img src="'+toppr+'" width="50px;"/>');
});
</script>

<script>
         $(document).ready(function() {
            
            $("#form7  #beregn").click(function(){
                
                  var tilimva = $('input[name=tilim]:checked').val();
                 var belyva = $('input[name=bely]:checked').val();
                 jQuery("#form8").find('#tilim2').html('<img src="'+tilimva+'" width="50px;"/>');
                 jQuery("#form8").find('#tilim1').html("LED Belysning??? :" + belyva);

                  jQuery("#form8").find('#tt2').html('<img src="'+tilimva+'" width="50px;"/>');
                 jQuery("#form8").find('#tt1').html("LED Belysning??? :" + belyva);
               jQuery("#form7").hide();
               jQuery("#form8").show();
            });
                
         });
      </script>{"id":2058,"date":"2021-07-17T05:45:36","date_gmt":"2021-07-17T05:45:36","guid":{"rendered":"https:\/\/kirkedal.se\/?page_id=2058"},"modified":"2021-07-17T07:15:38","modified_gmt":"2021-07-17T07:15:38","slug":"kallyas_child","status":"publish","type":"page","link":"https:\/\/kirkedal.de\/de\/kallyas_child\/","title":{"rendered":"kallyas_child"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2058","page","type-page","status-publish","hentry","prodpage-classic"],"acf":[],"_links":{"self":[{"href":"https:\/\/kirkedal.de\/de\/wp-json\/wp\/v2\/pages\/2058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kirkedal.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kirkedal.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kirkedal.de\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kirkedal.de\/de\/wp-json\/wp\/v2\/comments?post=2058"}],"version-history":[{"count":5,"href":"https:\/\/kirkedal.de\/de\/wp-json\/wp\/v2\/pages\/2058\/revisions"}],"predecessor-version":[{"id":2075,"href":"https:\/\/kirkedal.de\/de\/wp-json\/wp\/v2\/pages\/2058\/revisions\/2075"}],"wp:attachment":[{"href":"https:\/\/kirkedal.de\/de\/wp-json\/wp\/v2\/media?parent=2058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}