JSFiddle - React, Tailwind, and code Playground

by Skooljester

HTML

<ul>
<li><a href="#" class="service-chooser" id="ubuntu-one">Ubuntu One</a></li>
<li><a href="#" class="service-chooser" id="ftp">FTP account</a></li>
</ul>

        //these div are hidden
        <div id="ubuntu-one-form" class="hide">
        Ubuntu One credential
        </div>
        <div id="ftp-form" class="hide">
        Ftp Crediental
        </div>

JavaScript

$(".hide").hide();
$(".service-chooser").click(function() {
    var service = $(this).attr('id');
    var serviceid = '#' + service + '-form';
    $(serviceid).show();
});