JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Panel -->
<div id="amoney" class="amoney-module" style="text-align: center;">
	<div id="amoney1" class="amoney-mod1" style="text-align: center;">
		<span class="panel1"><a class="south" href="javascript:void(0);" style="text-decoration: none;" onclick="hide_all()" title="Скрыть все">Благодарность Автору</a></span>
	</div>
	<div id="amoney2" class="amoney-payment" style="text-align: center;">
			<a id="ammh1" class="south" href="javascript:void(0);" title="WebMoney" onclick="show_wm()"></a>
			<a id="ammh2" class="south" href="javascript:void(0);" title="RBKMoney" onclick="show_rupay()"></a>
			<a id="ammh8" class="south" href="javascript:void(0);" title="ROBOKASSA" onclick="show_robox()"></a>
	</div>
</div>
	<!-- Webmoney -->
<div id="wm" class="amoney" style="width:100%;height:auto;text-align: center;">
	<form id="wm-pay" name="pay" method="post" action="https://merchant.webmoney.ru/lmi/payment.asp" target="_blank">
				<div class="cont1" style="text-align: center;">
					<div id="ammh15" class="ctynh15" style="text-align: center;"></div>
				</div>
					<div class="karma1" style="text-align:center"><div class="karma2" style="text-align:center"><span class="letter3">$10000&nbsp;&nbsp;&nbsp;30%&nbsp;&nbsp;&nbsp;$3000</span><div class="karma3 gray" style="margin:0px auto 0px;"><div class="red" style="width: 30%;float: right;"></div></div><div class="karma4" style="text-align:center"><span class="letter">Обновлено:&nbsp;&nbsp;27/1/2009</span></div></div></div>				<div class="cont1" style="text-align: center;">
					<span class="letter">Валюта и сумма:</span>
				</div>
				<div class="cont1" style="text-align: center;">
<span class="focus-example1">
					<input id="wm-pay-1" class="wm-pay-1" type="text" name="LMI_PAYMENT_AMOUNT" size="3" value="10" title="Введите сумму" readonly="readonly" />
</span>
<span class="focus-example">
				<select id="wm-pay-2" class="wm-pay-2" name="LMI_PAYEE_PURSE"  title="Выбор валюты" style="min-width:30px;" >
					<optgroup...

CSS

#wm-pay,#rupay-pay,#yandex-pay,#egold-pay,#paypal-pay,#moneybookers-pay,#robox-pay,#liqpay-pay form {
margin:0;
}

.amoney-payment a {
background:url(http://i72.fastpic.ru/big/2015/0731/96/ba2f2be620b5d5dbfbf0291b05176896.png) no-repeat;
cursor:pointer;
display:inline-block;
border:1px dotted #e1e1e1;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.ctynh15 {
background:url(http://i72.fastpic.ru/big/2015/0731/96/ba2f2be620b5d5dbfbf0291b05176896.png) no-repeat;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#amoney2 .south.active {
background-position:-91px -324px;
width:60px;
height:17px;
}

#ammh1 {
background-position:-91px 0;
width:60px;
height:17px;
}

#ammh1:hover,#ammh1:active {
background-position:-91px -18px;
width:60px;
height:17px;
}

#ammh15 {
background-position:0 0;
width:90px;
height:39px;
}

#ammh2 {
background-position:-91px -36px;
width:60px;
height:17px;
}

#ammh2:hover,#ammh2:active {
background-position:-91px -54px;
width:60px;
height:17px;
}

#ammh16 {
background-position:0 -40px;
width:90px;
height:39px;
}

#ammh3 {
background-position:-91px -72px;
width:60px;
height:17px;
}

#ammh3:hover,#ammh3:active {
background-position:-91px -90px;
width:60px;
height:17px;
}

#ammh17 {
background-position:0 -80px;
width:90px;
height:39px;
}

#ammh5 {
background-position:-91px -108px;
width:60px;
height:17px;
}

#ammh5:hover,#ammh5:active {
background-position:-91px -126px;
width:60px;
height:17px;
}

#ammh19 {
background-position:0 -120px;
width:90px;
height:39px;
}

#ammh7 {
background-position:-91px -144px;
width:60px;
height:17px;
}

#ammh7:hover,#ammh7:active {
background-position:-91px -162px;
width:60px;
height:17px;
}

#ammh21 {
background-position:0 -160px;
width:90px;
height:39px;
}

#ammh8 {
background-position:-91px -180px;
width:60px;
height:17px;
}

#ammh8:hover,#ammh8:active {
background-position:-91px -198px;
width:60px;
height:17px;
}

#ammh22 {
background-position:0 -200px;
width:90px;
height:39px;
}

#ammh12...

JavaScript

// tipsy, facebook style tooltips for jquery
// version 1.0.0a
// (c) 2008-2010 jason frame [[email protected]]
// released under the MIT license

(function($) {
    
    function maybeCall(thing, ctx) {
        return (typeof thing == 'function') ? (thing.call(ctx)) : thing;
    };
    
    function isElementInDOM(ele) {
      while (ele = ele.parentNode) {
        if (ele == document) return true;
      }
      return false;
    };
    
    function Tipsy(element, options) {
        this.$element = $(element);
        this.options = options;
        this.enabled = true;
        this.fixTitle();
    };
    
    Tipsy.prototype = {
        show: function() {
            var title = this.getTitle();
            if (title && this.enabled) {
                var $tip = this.tip();
                
                $tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
                $tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
                $tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).prependTo(document.body);
                
                var pos = $.extend({}, this.$element.offset(), {
                    width: this.$element[0].offsetWidth,
                    height: this.$element[0].offsetHeight
                });
                
                var actualWidth = $tip[0].offsetWidth,
                    actualHeight = $tip[0].offsetHeight,
                    gravity = maybeCall(this.options.gravity, this.$element[0]);
                
                var tp;
                switch (gravity.charAt(0)) {
                    case 'n':
                        tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
                        break;
                    case 's':
                        tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
                    ...