function clk_ptn1() { $( "#ptn1").show(); $( "#ptn2").hide(); $( "#ptn3").hide(); $( "#ptn4").hide(); $( "#ptn5").hide(); $( "#ptn1_btn").addClass( "active"); $( "#ptn2_btn").removeClass( "active"); $( "#ptn3_btn").removeClass( "active"); $( "#ptn4_btn").removeClass( "active"); $( "#ptn5_btn").removeClass( "active"); } function clk_ptn2() { $( "#ptn1").hide(); $( "#ptn2").show(); $( "#ptn3").hide(); $( "#ptn4").hide(); $( "#ptn5").hide(); $( "#ptn1_btn").removeClass( "active"); $( "#ptn2_btn").addClass( "active"); $( "#ptn3_btn").removeClass( "active"); $( "#ptn4_btn").removeClass( "active"); $( "#ptn5_btn").removeClass( "active"); } function clk_ptn3() { $( "#ptn1").hide(); $( "#ptn2").hide(); $( "#ptn3").show(); $( "#ptn4").hide(); $( "#ptn5").hide(); $( "#ptn1_btn").removeClass( "active"); $( "#ptn2_btn").removeClass( "active"); $( "#ptn3_btn").addClass( "active"); $( "#ptn4_btn").removeClass( "active"); $( "#ptn5_btn").removeClass( "active"); var h2 = $('#h2').offset().top; $(window).scrollTop(h2-160); } function clk_ptn4() { $( "#ptn1").hide(); $( "#ptn2").hide(); $( "#ptn3").hide(); $( "#ptn4").show(); $( "#ptn5").hide(); $( "#ptn1_btn").removeClass( "active"); $( "#ptn2_btn").removeClass( "active"); $( "#ptn3_btn").removeClass( "active"); $( "#ptn4_btn").addClass( "active"); $( "#ptn5_btn").removeClass( "active"); var h2 = $('#h2').offset().top; $(window).scrollTop(h2-160); } function clk_ptn5() { $( "#ptn1").hide(); $( "#ptn2").hide(); $( "#ptn3").hide(); $( "#ptn4").hide(); $( "#ptn5").show(); $( "#ptn1_btn").removeClass( "active"); $( "#ptn2_btn").removeClass( "active"); $( "#ptn3_btn").removeClass( "active"); $( "#ptn4_btn").removeClass( "active"); $( "#ptn5_btn").addClass( "active"); var h2 = $('#h2').offset().top; $(window).scrollTop(h2-160); }