刷新整個頁面並在單擊鏈接時加載div

Question

     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
               $(window).load(function () {
                    var divs = $( #add_new, #details");    

                   $("li a").click(function () {
                        $(divs).hide();
                        $("#" + $(this).attr("class")).show();
            });
            });

        <ul>
         <li><a class="add_new" href="javascript:void(0);"  >Add new</a></li>
        <li><a class="details" href="javascript:void(0);"  >details</a></li></ul>
        <div id="add_new">
        <p>ADD NEW</P>
    <input type="button" id="addsettings" value="Add Informations">
        </DIV>
        <div id="details">
        <p>detailssss</p>
        </div>

<script>
 $(function () {
        $("#addsettings").click(function () {

             $.ajax({
                    url: "manage.php",


                    success: function (html) { // this happens after we get results
                        $(".result").empty();
                        $(".result").show();
                        $(".result").append(html);
                    }
             });
        });
 });
 </script>

manage.php

<div id="div1">
pppppp
lll
kkk
</div>
<div id='div2'>
tttttt
gg
mm
</div>

<script>
$("#add_new").hide();
</script>

我需要刷新頁面，然后顯示特定的div標簽。 現在，它顯示不重新加載頁面的div。 例如，如果我單擊add_new內的按鈕，它將通過ajax帶我到另一個頁面。 在另一個頁面中，我顯示了很多div（div1，div2），並且在這里隱藏了add_new div。 然后，如果我單擊“詳細信息”鏈接，然后再次返回到add_new ，它仍顯示ajax頁（div1，div2）中的div不是“ add_new”。

請幫我。 我在這里需要add_new div。 謝謝

Answer 1

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>
    $(window).load(function () {
        var divs = $('#add_new,#details');    

            $("li a").click(function () {
            divs.css('display','none');

            $("#" + $(this).attr("class")).css('display','block');
        });
    });
</script>
<ul>
    <li><a class="add_new" href="javascript:void(0);"  >Add new</a></li>
    <li><a class="details" href="javascript:void(0);"  >details</a></li></ul>
<div id="add_new" style="display: none">
    <p>ADD NEW</P>
    <input type="button" id="addsettings" value="Add Informations">
</DIV>
<div id="details" style="display: none">
    <p>detailssss</p>
</div>