JSFiddle - React, Tailwind, and code Playground

by Udhay Titus

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content1" style="display: none;">
  <p style="color: green;">Some content from content1</p>
</div>

<div class="content2" style="display: none;">
  <p style="color: red;">Some content from content2</p>
</div>


<button class="content1-btn">Button 1</button>

<button class="content2-btn">Button 2</button>

JavaScript

$(".content1-btn").click(function(){
    $(".content2").hide();
    $(".content1").show();
    localStorage.setItem('buttonClicked', '.content1');
  });
  $(".content2-btn").click(function(){
  $(".content1").hide();
    $(".content2").show();
    localStorage.setItem('buttonClicked', '.content2');
  });
  
  $(document).ready(function(){
  $(".content2, .content1").hide();
  	var val = localStorage.getItem('buttonClicked');
    $(val).show();
  })