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 hasTooltip" href="#hide_all" style="margin:3px;text-decoration: none;" title="Скрыть все">Благодарность Автору</a></span>
	</div>
	<div id="amoney2" class="amoney-payment" style="text-align: center;">
			<a id="ammh1" style="margin:3px;" class="south hasTooltip" href="#show_wm" title="WebMoney"></a>
			<a id="ammh2" style="margin:3px;" class="south hasTooltip" href="#show_rupay" title="RBKMoney"></a>
			<a id="ammh8" style="margin:3px;" class="south hasTooltip" href="#show_robox" title="ROBOKASSA"></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

@charset "utf-8";
#wm,#rupay,#yandex,#paypal,#moneybookers,#robox,#liqpay .amoney div{line-height:normal}
.amoney-payment{line-height:normal}
#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;height:17px;width:60px;border:1px dotted #e1e1e1;margin-left:auto;margin-right:auto;text-align:center}
.amoney-payment a:hover{border:1px dotted #000;width:60px;height:17px}
.payment span:hover{border:1px dotted #000}
.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 0px;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,...

JavaScript

(function($) {
	$("[href!='#show_wm']") = function()
	{			
            $('#rupay, #robox').hide();
			$('#wm').slideDown(500);
		    return false;
	};
	$("[href!='#show_rupay']") = function()
	{
			$('#wm, #robox').hide();
			$('#rupay').slideDown(500);
		    return false;
	};
	$("[href!='#show_robox']") = function()
	{
			$('#wm, #rupay').hide();
			$('#robox').slideDown(500);
		    return false;
	};
	
	$("[href!='#hide_allx']") = function()
	{
			$('#wm, #rupay, #robox').hide();
			return false;
	}    
})(jQuery);	
    

jQuery(function($) {
    $('#amoney').on('click', '.south', function(){
        $('#amoney .south.active').removeClass('active'); 
        $(this).addClass('active');
    });
});