JSFiddle - React, Tailwind, and code Playground

by jontsk

HTML

<div>
<input name="button" type="submit" value="Кнопка1" class="button"> 
</div>
<div>
<input name="button2" type="submit" value="Кнопка2" class="button2"> 
</div>
    
    
<div id="blok1"> 
 Здесь ваш контент 
 </div> 
 <div id="blok2"> 
 Здесь ваш контент 2 
 </div>

CSS

#blok2{ 
 display:none; 
 }

JavaScript

jQuery (function() 
 { 
 jQuery('.button').click(function() 
 { 
 jQuery('#blok2').slideUp(1000); 
 jQuery('#blok1').slideDown(1000); 
 }); 
 }); 
 jQuery (function() 
 { 
 jQuery('.button2').click(function() 
 { 
 jQuery('#blok2').slideUp(1000); 
 jQuery('#blok1').slideDown(1000); 
 }); 
 });