JSFiddle - React, Tailwind, and code Playground

by bohdantheone

HTML

<span id="foo" class="menu" style="cursor:pointer;border:thin solid #F00;margin:2px;">Инфо
    <span id="foobox" class="special" style="display:none;width:100px;height:50px;cursor:pointer;">Скрытый текст</span></span>

JavaScript

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