Laravel - 在点击元素时设置会话/ cookie以保持切换状态

Question

我有一个链接和一个css隐藏的div：

<a href="#" class="bio-toggler">Click me</a>
<div class="bio">Your bio</div>

当我点击链接时，它会显示div。刷新页面，然后再次隐藏。我想要＆＃39; bio＆＃39;如果单击链接并显示div，则即使在刷新页面时也保持打开状态。我也想要相反的，如果我再次点击链接和“生物”＃39; div隐藏，隐藏在页面刷新上。

基本上，我正试图坚持＆＃34; Laravel中div的切换状态，不知道该怎么做。

我正在使用jquery来显示/隐藏功能。

$('.bio-toggler').click(function(){
    $('.bio').toggle();
});

关于如何做到这一点的任何想法？

Answer 1

只需对应用程序中设置变量的端点执行AJAX POST。当您显示HTML时，只需检查一下。

jQuery的：

$.ajax({
  type: "POST",
  url: 'http://localhost:8000/api/profile/toggle',
  success: function() {}
});

控制器：

public function toggle()
{
   Session::set('toggled', true);
}

查看：

@if (Session::get('toggled'))
    <a href="#" class="bio-toggler">Click me</a>
    <div class="bio">Your bio</div>
@endif

这只是样板。您可能需要对其进行调整，例如检查是否存在较旧的值以在PHP中切换等等。