页面刷新 - 点击提交后隐藏所有内容

Question

我有一个包含3个部分的jsp页面。第一部分始终可见，它有2个按钮，当用户点击第一个按钮时，显示第二部分，如果用户点击另一个按钮，第三部分隐藏，则显示第三部分，第二部分将被隐藏。我面临的问题是当我点击第2或第3部分中的提交按钮时，页面会刷新并返回隐藏这2个部分的初始阶段。我想在点击“提交”和页面刷新后显示该部分。这是我的代码

<script>
jQuery(document).ready(function() {
    // jQuery('#content1').hide()
    // jQuery('#content2').hide()

    jQuery("#part3 :input").attr("disabled", true);
    jQuery("#part2 :input").attr("disabled", true);
    // $('#cselect').prop('disabled', true).trigger("chosen:updated");   
    jQuery('#part2').addClass("opc");
    jQuery('#part3').addClass("opc");

    jQuery('#FileUpload').live('click', function(event) {   
        jQuery("#part2 :input").attr("disabled", false);
        jQuery("#part3 :input").attr("disabled", true);
        // $('#cselect').prop('disabled', true).trigger("chosen:updated");        
        jQuery('#part2').removeClass("opc");
        jQuery('#part3').addClass("opc");

        // jQuery('#content1').show()
        // jQuery('#content2').hide()   
    });
    jQuery('#FillForm').live('click', function(event) {     
        jQuery("#part3 :input").attr("disabled", false);
        // $('#cselect').prop('disabled', false).trigger("chosen:updated");     
        jQuery("#part2 :input").attr("disabled", true);
        jQuery('#part2').addClass("opc");
        jQuery('#part3').removeClass("opc");

        // jQuery('#content2').show()
        // jQuery('#content1').hide()
    });
});
</script>