Hello,

Can someone please help me understand what have I done wrong?

I have the following code, it's split in 3 sections (the fields), the first section which contains Gelände, the script does not work till I click on the Infrastructure or Immission section....?

I've tried all possible options, can anyone please help?

Regards,

S

$(document).ready(function () {
  
  
  
//start pagination
    $('.navitem').on('touchstart click', function () {
      
        //$('.section1,.section2,.section3,.section4,.section5,.ValueHide,.submit').hide(); //Hide all sections first  
		$('.section1,.section2,.section3,.section4,.section5').hide(); //Hide all sections first  
        $('.navbar').find('.navitem').removeClass('selected'); //Unselect tabs
      
        if ($(this).hasClass('tab1')) {
            $('.section1').show();
            $('.navbar').find('.tab1').addClass('selected');
        }
        else if ($(this).hasClass('tab2')) {
            $('.section2').show();
            $('.navbar').find('.tab2').addClass('selected');
        }
        else if ($(this).hasClass('tab3')) {
            $('.section3').show();
            $('.navbar').find('.tab3').addClass('selected');
        }
        else if ($(this).hasClass('tab4')) {
            $(".section4").show();
            $('.navbar').find('.tab4').addClass('selected');
  		} 
      else if ($(this).hasClass('tab5')) {
            $(".section5").show();
        	$('.Submit').show();
            $('.navbar').find('.tab5').addClass('selected');
  		} 
  })
    
    $('.navitem.tab1').trigger('click'); //Click on first tab
//end pagination
  
});
  


  $(window).scroll(function(){
  var sticky = $('.navbar'),
  scroll = $(window).scrollTop();
  if (scroll >= 100) sticky.addClass('fixed');
  else sticky.removeClass('fixed');
   
 
//Placeholder Text
    $("#q136 input").attr("placeholder", "Grad");
  	$("#q140 input").attr("placeholder", "Stunden");
  	$("#q141 input").attr("placeholder", "Stunden");
  	$("#q143 input").attr("placeholder", "Meter");
  	$("#q145 input").attr("placeholder", "Meter");
  	$("#q147 input").attr("placeholder", "Meter");
  	$("#q149 input").attr("placeholder", "Meter");
  	$("#q153 input").attr("placeholder", "Meter");
  	$("#q143 input").attr("placeholder", "Meter");
  	$("#q155 input").attr("placeholder", "Meter");
  	$("#q157 input").attr("placeholder", "Meter");
  	$("#q160 input").attr("placeholder", "dB(A)");
  	$("#q162 input").attr("placeholder", "dB(A)");
  	$("#q164 input").attr("placeholder", "dB(A)");
  	$("#q166 input").attr("placeholder", "dB(A)");
    $("#q168 input").attr("placeholder", "Meter");
  	$("#q170 input").attr("placeholder", "Meter");
  	$("#q172 input").attr("placeholder", "Meter");
  	$("#q174 input").attr("placeholder", "Meter");
  	$("#q176 input").attr("placeholder", "Meter");
  
   
    
    function parseNumber(n) {
      var f = parseFloat(n); //Convert to float number. 
     return isNaN(f) ? 0 : f; //treat invalid input as 0;
   }
   
  //Gelände - Hangneigung value capture 
    $('#q136 , #q121 input').on('change',function(){
      var x = $('#q121 input:checked').val();
      var y = parseNumber($('#q136 input').val());
      var str = y + " " + "(" + x + ")"+ " " + "Grad";
         $('#q178 input').val(str);
     });
    
	//Gelände - Exposition value capture
 	$('#q123 input, #q211 select').on('change',function(){
      var x = $('#q123 input:checked').val();
      var y = $('#q211 select').val();
      var str = y + " " + "(" + x + ")";
          $('#q206 input').val(str);
     }); 
    
 	//Gelände - Seesicht value capture
  		$('#q125, #q138 input').on('change',function(){
      	var x = $('#q125 input:checked').val();
      	var str = x;
        $('#q207 input').val(str);

     });
    
    //Gelände - Bergsicht value capture
	$('#q127, #q139 input').on('change',function(){
      var x = $('#q127 input:checked').val();
      var y = parseNumber($('#q139 input').val());
      var str = y + " " +  x ;
        $('#q208 input').val(str);

     });
    
    //Gelände - Tageslicht Sommer value capture 
    $('#q129, #q140 input').on('change',function(){
      var x = $('#q129 input:checked').val();
      var y = parseNumber($('#q140 input').val());
      var str = y + " " + "Stunden" + " " + "(" + x + ")";
        $('#q209 input').val(str);

     });
    
    //Gelände - Tageslicht Winter value capture 
    $('#q132, #q141 input').on('change',function(){
      var x = $('#q132 input:checked').val();
      var y = parseNumber($('#q141 input').val());
      var str = y + " " + "Stunden" + " " + "(" + x + ")";
        $('#q210 input').val(str);

     });
    
     //Infrastruktur - Zentrum value capture 
    $('#q143, #q144 input').on('change',function(){
      var x = $('#q144 input:checked').val();
      var y = parseNumber($('#q143 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q213 input').val(str);

     });
    
    //Infrastruktur - Schule/Kindergarten value capture 
    $('#q145, #q146 input').on('change',function(){
      var x = $('#q146 input:checked').val();
      var y = parseNumber($('#q145 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q214 input').val(str);

     });

     //Infrastruktur - Shopping value capture 
    $('#q147, #q148 input').on('change',function(){
      var x = $('#q148 input:checked').val();
      var y = parseNumber($('#q147 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q215 input').val(str);

     });

    //Infrastruktur - Haltestelle value capture 
    $('#q150, #q149 input').on('change',function(){
      var x = $('#q150 input:checked').val();
      var y = parseNumber($('#q149 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q216 input').val(str);

     });

     //Infrastruktur - Erholungs/Natur value capture 
    $('#q153, #q154 input').on('change',function(){
      var x = $('#q154 input:checked').val();
      var y = parseNumber($('#q153 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q218 input').val(str);

     });

    //Infrastruktur - See value capture 
    $('#q155, #q156 input').on('change',function(){
      var x = $('#q156 input:checked').val();
      var y = parseNumber($('#q155 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q219 input').val(str);

     });

    //Infrastruktur - Fluss value capture 
    $('#q157, #q158 input').on('change',function(){
      var x = $('#q158 input:checked').val();
      var y = parseNumber($('#q157 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q220 input').val(str);

     });
    
    //Imission - Hauptstrasse value capture 
    $('#q168, #q169 input').on('change',function(){
      var x = $('#q169 input:checked').val();
      var y = parseNumber($('#q168 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q225 input').val(str);

     });

    //Imission - Bahnlinien value capture 
    $('#q171, #q170 input').on('change',function(){
      var x = $('#q171 input:checked').val();
      var y = parseNumber($('#q170 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q226 input').val(str);

     });

    //Imission - Sendeanlagenn value capture 
    $('#q172, #q173 input').on('change',function(){
      var x = $('#q173 input:checked').val();
      var y = parseNumber($('#q172 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q227 input').val(str);

     });

  //Imission - Kernkraftwerkere value capture 
    $('#q174, #q175 input').on('change',function(){
      var x = $('#q175 input:checked').val();
      var y = parseNumber($('#q174 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q228 input').val(str);

     });

    //Imission - Eleitungen value capture 
    $('#q176, #q177 input').on('change',function(){
      var x = $('#q177 input:checked').val();
      var y = parseNumber($('#q176 input').val());
      var str = y + " " + "Meter" + " " + "(" + x + ")";
        $('#q229 input').val(str);

     });
    
     //Imission - BahnTagsuber value capture 
    $('#q160, #q161 input').on('change',function(){
      var x = $('#q161 input:checked').val();
      var y = parseNumber($('#q160 input').val());
      var str = y + " " + "dB" + "(" + "A" + ")" + " " + "(" + x + ")";
        $('#q221 input').val(str);

     });
    
     //Imission - BahnNachts value capture 
    $('#q162, #q163 input').on('change',function(){
      var x = $('#q163 input:checked').val();
      var y = parseNumber($('#q162 input').val());
      var str = y + " " + "dB" + "(" + "A" + ")" + " " + "(" + x + ")";
        $('#q222 input').val(str);

     });

     //Imission - StrasseTagsuber value capture 
    $('#q164, #q165 input').on('change',function(){
      var x = $('#q165 input:checked').val();
      var y = parseNumber($('#q164 input').val());
      var str = y + " " + "dB" + "(" + "A" + ")" + " " + "(" + x + ")";
        $('#q223 input').val(str);

     });

     //Imission - StrasseNachts value capture 
    $('#q166, #q167 input').on('change',function(){
      var x = $('#q167 input:checked').val();
      var y = parseNumber($('#q166 input').val());
      var str = y + " " + "dB" + "(" + "A" + ")" + " " + "(" + x + ")";
        $('#q224 input').val(str);

     });
});