JSFiddle - React, Tailwind, and code Playground

by bohdantheone

HTML

<span id="foo" class="menu">Инфо
    <span id="foobox" class="special">Скрытый текст</span></span>

CSS

.menu{cursor:pointer;border:thin solid #F00;margin:2px;}
.special{display:none;width:100px;height:50px;cursor:pointer;}

JavaScript

$('#foo').live('click',function(){
    $('#foo').toggle(function(){
        $('.special').show();
        $('#foobox').animate({marginLeft: '100'}, 500);
         },
    function(){
       $('.special').hide();
    });
   
});