show hide 새창에서도 유지할 수 있는 방안 있을까요? 채택완료

<ul id="test">
<li id="test1">
                    <span class="qa2" style="width:100%; height:30px;">
                        내용
                    </span>
                </li>

<li class="testP" onclick="link1()" style="display:none;">

내용

</li>

 

<li id="test2" style="display:none;">
                    <span class="qa2" style="width:100%; height:30px;background:#fff; color:#000;">
                        닫기
                    </span>
                </li>
</ul>

 
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$("#test1").click(function(){
       $('.testP').show();
       $('#test2').show();
       window.sessionStorage.setItem('#test1', '1');
    });

    $("#test2").click(function(){
        $('.testP').hide();
        $('#test2').hide();
        window.sessionStorage.removeItem('#test1');
    });

 

function link1() {
    window.location.href = location.href;
}

 

window.addEventListener('DOMContentLoaded', function () {
    if (window.sessionStorage.getItem('#test1') == '1') {
        $("#test1").click();
    }

    $('body').on('click', function (evt) {
        var el = evt.target;
        if ($('#test').has($(el)).length == 0) {
            $("#test2").click();
        }
    });
});
</script>