JSFiddle - React, Tailwind, and code Playground

by jasper

HTML

<div id="addFriend">#addFriend</div>

CSS

#addFriend {
    display : none;
}

JavaScript

$(function () {
    function friendArea(x){
    }
    
    var $fField = '<div style="display:inline; border:#CCC 1px solid; padding:5px; background-color:#E4E4E4; color#999; font-size:11px;"><a href="#addFriend">Add Friend</a></div>';
    
    $('body').append($fField).find('a').on('click', function () {
        var href = $(this).attr('href');
        if($(href).is(":hidden")){
            $(href).slideDown(200);
        } else {
            $(href).hide();
        }
        $('.friendSlide').hide();
        return false;
    });
});