JSFiddle - React, Tailwind, and code Playground

by s4ty

HTML

<input id="btn_feedback" type="button" value="Feedback"/>



<div id="feedback">
    <form action="deineSeite.php..." method="POST">
    
        <input type="hidden" name="Formular" value="Feedback">
        
        Dein Name:<br>
        <input type="text" name="name" size="30"><br>
        
        Deine eMail-Adresse:<br>
        <input type="text" name="eMail" size="30"><br>
        
        Deine Nachricht:<br>
        <textarea size="30"></textarea><br>
        <input type="button" value="OK"/>
        <input type="button" value="Abbrechen"/>
    </form>
</div>

CSS

#feedback { display: none; background-color: #ccc; width: 200px; height: 260px; padding: 10px; border: 1px solid #444}
#feedback input[type=button] { width: 95px;}
#feedback textarea, input[type=text]{ width: 190px;}
#feedback textarea{ height: 130px;}

JavaScript

$(function(){
    $('#btn_feedback').click(function (){
        $('#feedback').slideToggle(750);
    })
})