Сохраните div, показанный после отправки формы

Question

Я создал 3 divs, которые отображаются с помощью кнопок типа ввода, эти кнопки используются для отображения и скрытия скрытых div. В этих divs есть формы, которые использовались для хранения данных. Теперь я пытаюсь сохранить текущий используемый div после отправки данных в форме.

Это мои коды jquery.

$("#add_exams").hide(); 
    $("#exams").hide(); 
    $("#add_accts").hide(); 

    $("#view_exam").click(function(){ 
     $("#add_exams").hide(); 
     $("#exams").hide(); 
     $("#add_accts").hide(); 

     $("#exams").fadeIn(); 
    }); 

    $("#create_exam").click(function(){ 
     $("#add_exams").hide(); 
     $("#exams").hide(); 
     $("#add_accts").hide(); 

     $("#add_exams").fadeIn(); 
    }); 

    $("#manage_accts").click(function(){ 
     $("#add_exams").hide(); 
     $("#exams").hide(); 
     $("#add_accts").hide(); 

     $("#add_accts").fadeIn(); 
    }); 

//$(document).on("click", "#selectall",function(){ 
    $(document).on("submit","#submit_acct", function(){ 

     $("#add_accts").fadeIn(); 

    }); 

Мой HTML-то вроде этого

<div id="content"> 
<input type="button" id="create_exam" value="Create Exam" title="Click to create new exam." /> 
    <input type="button" id="view_exam" value="Exam" title="Click to view exam." /> 
    <input type="button" id="manage_accts" value="Accounts" title="Click to view exam." /> 
    <div id="add_accts"> 
     /*forms goes here */ 
    </div> 

    <div id="add_exams"> 
     /*forms goes here */ 
    </div> 

    <div id="exams"> 
     /*forms goes here */ 
    </div> 
</div> 

Когда я пытаюсь представить данные, то ДИВ не отображается, я пытался использовал JQuery, который будет отображать DIV я хочу, но это не делает работа, все они скрыты. Мне просто нужно сохранить, чтобы показать текущий отображаемый div, Any Idea?

Answer 1

Насколько я понимаю, вы хотите сохранить видимую DIV даже после того, как после задней. вы можете использовать скрытое поле для сохранения видимости div. попробуйте следующий фрагмент кода для справки

$("#view_exam").click(function(){ 
     $("#add_exams").hide(); 
     $("#exams").hide(); 
     $("#add_accts").hide(); 

     $("#exams").fadeIn(); 
     $("#FiddenField_For_Current_Form").val("exams"); 
    }); 

А На странице загрузки Проверьте значение в FiddenField_For_Current_Form и показать соответствующую форму в виде следующей

$(document).ready(function(){ 
    switch($("#FiddenField_For_Current_Form").val()) 
    { 
    case "exams": 
      $("#exams").fadeIn(); 
      break; 

    default : 
      $("#add_exams,#exams,#add_accts").hide(); 
      break; 

    } 


});