This is a test site. Go to Better Hardware for purchases
$(document).ready(function() {
//Scroll back to top on Prev, Next
var continue_btn = $('.action.action-next:first').clone().html("Request a Post Quote");
$('#continue-btn-copy').html(continue_btn);
$('.action-prev, .action-next').on('click', function(){
$(window).scrollTop(0);
});
//Add event listener to post parent type
$('input[name="post-parent-shape"]').on('change', function(){
if($(this).val() === 'Round'){
$('.p-round-type').show();
$('.p-square-type').hide();
$('.p-round-type').prependTo('.post-sub-shape .bfb-column3');
$('.rd-pricing-table').show();
$('.sq-pricing-table').hide();
}
if($(this).val() === 'Square'){
$('.p-square-type').show();
$('.p-round-type').hide();
$('.p-square-type').prependTo('.post-sub-shape .bfb-column3');
$('.sq-pricing-table').show();
$('.rd-pricing-table').hide();
}
});
// Add event listener to post shape
$('input[name="post-sub-shape"]').on('change', function() {
if($(this).val() === 'Round Standard'){
if($('.hr-std').parent().hasClass("bfb-column1")){
$('.hr-std').parent().removeClass("bfb-column1").addClass("bfb-column2");
}
$('.hr-std').show();
$('.hr-prem').hide();
$('.hr-sq-flat').hide();
$('.hr-al-flat').hide();
$('.wb-fl').hide();
$('.wb-fl').parent().removeClass("bfb-column4").addClass("bfb-column3");
$('#handrail-type-description-stainless-round').show();
$('#handrail-type-description-stainless-square').hide();
$('#handrail-type-description-aluminium-square').hide();
}
else if($(this).val() === 'Round Premium'){
if($('.hr-prem').parent().hasClass("bfb-column1")){
$('.hr-prem').parent().removeClass("bfb-column1").addClass("bfb-column2");
}
$('.hr-prem').show();
$('.hr-std').hide();
$('.hr-sq-flat').hide();
$('.hr-al-flat').hide();
if($('.wb-fl').parent().hasClass("bfb-column3")){
$('.wb-fl').parent().removeClass("bfb-column3").addClass("bfb-column4");
}
$('.wb-fl').show();
$('#handrail-type-description-stainless-round').show();
$('#handrail-type-description-stainless-square').hide();
$('#handrail-type-description-aluminium-square').hide();
}
else if($(this).val() === 'Powdercoated Aluminium (Colour) Square Posts'){
$('.hr-al-flat').show();
$('.hr-sq-flat').hide();
$('.hr-prem').hide();
$('.hr-std').hide();
$('#handrail-type-description-stainless-round').hide();
$('#handrail-type-description-stainless-square').hide();
$('#handrail-type-description-aluminium-square').show();
}
else if($(this).val() === 'Square Premium'){
$('.hr-sq-flat').parent().removeClass('bfb-column2').addClass('bfb-column1');
$('.hr-sq-flat').show();
$('.hr-prem').hide();
$('.hr-std').hide();
$('.hr-al-flat').hide();
if($('.wb-fl').parent().hasClass("bfb-column3")){
$('.wb-fl').parent().removeClass("bfb-column3").addClass("bfb-column4");
}
$('.wb-fl').show();
$('#handrail-type-description-stainless-round').hide();
$('#handrail-type-description-stainless-square').show();
$('#handrail-type-description-aluminium-square').hide();
}
});
// Add event listener to handrail type
$('input[name="handrail-type"]').on('change', function() {
if ($(this).val() === 'Std. Round (suits 2 inch Round Tube)' || $(this).val() === 'Std. Flat') {
$('.std-mf').show();
$('.prem-mf').hide();
$('.sq-mf').hide();
$('.al-bl').hide();
}
else if ($(this).val() === 'Prem. Round (suits 2 inch Round Tube)' || $(this).val() === 'Prem. Flat') {
$('.prem-mf').show();
$('.std-mf').hide();
$('.sq-mf').hide();
$('.al-bl').hide();
}
else if ($(this).val() === 'Sq. Flat') {
$('.sq-mf').show();
$('.prem-mf').hide();
$('.std-mf').hide();
$('.al-bl').hide();
}
else if($(this).val() === 'Al. Flat'){
$('.al-bl').show();
$('.sq-mf').hide();
$('.prem-mf').hide();
$('.std-mf').hide();
}
});
//Add event listener to material finish
$('input[name="p-mt-fin"]').on('change', function(){
if($(this).val() != 'Powdercoated Custom Colour'){
$('#custom-colour').hide();
}
else {
$('#custom-colour').show();
}
});
//Add listener to stairs choice checkbox
$('input[name="stairs-list"]').on('change', function() {
if ($(this).val() === 'yes') {
$('#stair-angle').show();
$('#wb-angled-style').show();
}
else if ($(this).val() === 'no') {
$('#stair-angle').hide();
$('#wb-angled-style').hide();
}
});
//Add listener to blackline choice
$('input[name="wb-hz-style"]').on('change', function() {
if ($(this).val() === 'wb-bh-choose' || $(this).val() === 'wb-sst' || $(this).val() === 'wb-js') {
$('#blackline').show();
}
else if ($(this).val() === 'wb-fl') {
$('#blackline').hide();
}
});
});
4.7 rating from 35 reviews