Question

所以基本上我有两个不同的HTML页面。我想创建一个函数，当单击第一个html页面上的按钮时，它将在第二个html上显示/隐藏div元素。

这可以用javascript完成吗？

提前致谢

Answer 1

AS @roXon提到了一个可以用HTML5存储做的选项。

E.g。

if(typeof(Storage)!=="undefined")
  {
     $('#FirstClick').on('click',function(){
        localStorage.clickedDiv = $(this).attr('id');
        $(this).hide();
     });
  }
else
  {
     $(this).hide();
  }

然后在第二页。

$(function(){
   $(localStorage.clickedDiv).hide();
});

或者，对于更倾向于浏览器的支持，您可以使用Cookie。

Answer 2

我不确定你的第二个HTML页面是什么意思，也许你的意思是内容？使用jQuery可以完成...例如......

<script type="text/javascript">

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

</script>

<a href="#" class="show_hide">Show/hide</a>
<div class="slidingDiv">
<a href="#" class="show_hide">hide</a></div>

<强> CSS

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}

.show_hide {
    display:none;
}

也许您的意思是在第二页上加载内容（或与其互动），请参阅http://api.jquery.com/load/并提问：Load content of a div on another page

Answer 3

如果浏览器支持HTML5存储，则可以保存变量 http://www.w3schools.com/html/html5_webstorage.asp

否则您需要传递GET参数或cookie。

在不同的html页面上显示/隐藏div

3 个答案: