JSFiddle - React, Tailwind, and code Playground

by morrison

HTML

<a href='#sendMessage' id='sendMessage'><img src="http://placekitten.com/g/64/64"></a>

<div id="tellfriend">
    <form id='tellafriend_form' method="post" onsubmit="return executeOnSubmit();"
    action="sharemail.php" name="tellafriend_form">
        <label for="name">Your Name:</label>
        <input class="std_input" type="text" id="name" name="name" size="40" maxlength="35" value="">
        <label for="to">Recipient's Email:</label>
        <input class="std_input" type="text" id="to" name="email" size="40" maxlength="35">
        <label for="message">Message:</label> 
        <textarea id="message" name="message" rows="18" cols="40">
            message here</textarea>
        <input type="submit" onclick="javascript: pageTracker._trackPageview('/share/wf360');" name="submit" class="form_but" value="Submit"/>
    </form>
</div>

JavaScript

$(function() {
    $('#tellfriend').hide();
/*
    //Not sure what to do with this code as you don't post it.
    $('a.email, #tellfriend a.close').click(function() {
        $("#tellfriend").animate({
            opacity: 'toggle'
        }, 'slow');
    });
*/
    $('#sendMessage').click(function(e) {
        $("#tellfriend").fadeToggle('fast');
    });

});