JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	<!-- This goes inside "container" -->
	  <div class="row">
			<!-- ::before -->
			<div class="col-width-lg calculator-form">
				<div class="row">
					<!-- ::before -->
					<div class="col-width-all">
						<div class="black"> Investor Information </div>
					</div>
					<!-- ::after -->
				</div>
				<div class="row">
					<div class="col-width-md boxRight">
						<div class="calculator-text"> Founder(s) </div>
					</div>
					<div class="col-width-input boxLeft">
						<input class="calculator-input" placeholder="% of equity" id="founder-equity"></input>
					</div>
					<div class="col-width-md boxRight">
						<div class="calculator-text"> Investor(s) </div>
					</div>
					<div class="col-width-input boxLeft">
						<input class="calculator-input" placeholder="% of equity" id="vc-equity"></input>
					</div>
					<div class="col-width-md boxRight">
						<div class="calculator-text"> Option Pool</div>
					</div>
					<div class="col-width-input boxLeft">
						<input class="calculator-input" placeholder="% of equity" id="option-pool-equity"></input>
					</div>
				</div>

				
				<div class="row">
					<!-- ::before -->
					<div class="col-width-all">
						<div class="black"> Investment Information </div>
					</div>
					<!-- ::after -->
					<!-- Will the user provide basic or advanced inputs?? -->
				
					<div class="col-width-all">
						<div class="switch-toggle switch-candy"><!-- additional class: switchInvestment -->
							<input id="basic" name="expandInformation" type="radio" value="basic" checked="true">
							<label for="basic" onclick="">Basic Input</label>
							</input>
							<input id="advanced" name="expandInformation" type="radio" value="advanced">
							<label for="advanced" onclick="">Advanced Input</label>
							</input>
							<a></a>
						</div>
					</div>
				</div>

				<!-- <div class='row'> -->
					<!-- <div class="col-width-all"> -->
				<div class="investmentBlock">
					<div...

CSS

/*container*/
    .container.home > .row > .col-width-md {
      margin-bottom: 40px; }

    .container {
      margin-right: auto;
      margin-left: auto;
      padding-left: 10px;
      padding-right: 10px; }

    .container:before, .container:after {
      content: " ";
      display: table; }

    .container:after {
      clear: both; }


    .col-width-all {
      width:100%; }
    .col-width-lg {
    	width: 66.66666666666666%; }
    .col-width-md {
    	width: 57%; }
    .col-width-sm {
    	width: 33.33333333333333%; }
    .col-width-input {
      /*padding*/
      width: 39.5%;
    }

    .col-width-all {
      float: left; }

    .col-width-lg, .col-width-md, .col-width-sm, .col-width-all, .col-width-input {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      /**/
      float: left; }



    /*Superglue, joining the description block with the input*/

    .boxLeft {
      padding-left:0;
    }
    .boxRight {
      padding-right:0;
    }
    .moveRight {
      float:right;
    }



    .calculator-form .row {
      	padding-bottom: 10px; }
    .calculator-form .black {
      	margin: 10px 0;
      	padding: 10px 15px; }
    .calculator-form .border-bottom {
      	border-color: black;
      	margin: 15px 0; }
    .calculator-form .tooltip.bottom .tooltip-arrow {
      	border-bottom-color: #497fab; }
    .calculator-form .tooltip-inner {
      	background: #497fab; }
    .calculator-form .yellow {
      	padding: 14px; }

    .calculator-text {
      	background: #377eb2;
      	line-height: 42px;
      	padding: 0 15px;
      	font-family: baskerville;
        color: white;
      	text-transform: uppercase; }
    /*.calculator-text::after {
    	content: '$';
        float: right;
        font-size: 24px;
        font-weight: 300; }*/

    .calculator-input {
      border: 3px solid #377eb2;
      font: 16px baskerville;
      padding: 9px;
      display: block;
      width: 100%; 
     ...

JavaScript

$(document).ready(function(){
	expandInvestment();
	
	repaymentSelection();
});

var selectExpenses = "eeoff";
function expandExpenses(){
	$("input[type=radio][name=expandedExpenses]").click(function(){
		selectExpenses = $(this).val();
		var big = '<div class="col-width-md boxRight"><div class="calculator-text">Accounting/Bookkeeping</div></div><div class="col-width-input boxLeft"><input class="calculator-input" placeholder="$" id="a-b"></input></div><div class="col-width-md boxRight"><div class="calculator-text">Advertising</div></div><div class="col-width-input boxLeft"><input class="calculator-input" placeholder="$" id="advertising"></input></div><div class="col-width-md boxRight"><div class="calculator-text">Bank Fees</div></div><div class="col-width-input boxLeft"><input class="calculator-input" placeholder="$" id="bank-fees"></input></div><div class="col-width-md boxRight"><div class="calculator-text">Computer, Printer, Software</div></div><div class="col-width-input boxLeft"><input class="calculator-input" placeholder="$" id="c-p-s"></input></div><div class="col-width-md boxRight"><div class="calculator-text">Consultant Fees</div></div><div class="col-width-input boxLeft"><input class="calculator-input" placeholder="$" id="consultant-fees"></input></div><div class="col-width-md boxRight"><div class="calculator-text">Depreciation/Amortization</div></div><div class="col-width-input boxLeft"><input class="calculator-input" placeholder="$" id="depreciation"></input></div><div class="col-width-md boxRight"><div class="calculator-text">Email, Internet Access</div></div><div class="col-width-input boxLeft"><input class="calculator-input" placeholder="$" id="email"></input></div><div class="col-width-md boxRight"><div class="calculator-text">Insurance</div></div><div class="col-width-input boxLeft"><input class="calculator-input" placeholder="$" id="insurance"></input></div><div class="col-width-md boxRight"><div class="calculator-text">Legal &...