JSFiddle - React, Tailwind, and code Playground

HTML

<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;" 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()">test1</a>
			<a id="ammh2" class="south" href="javascript:void(0);" title="RBKMoney" onclick="show_rupay()">test2</a>
			<a id="ammh8" class="south" href="javascript:void(0);" title="ROBOKASSA" onclick="show_robox()">test3</a>
	</div>
</div>

JavaScript

(function($) {
	this.show_wm = function()
	{			
            $('#rupay').hide();
			$('#robox').hide();
			$('#wm').slideDown(500);
		    return false;
	};
	this.show_rupay = function()
	{
			$('#wm').hide();
			$('#robox').hide();
			$('#rupay').slideDown(500);
		    return false;
	};
	this.show_robox = function()
	{
			$('#wm').hide();
			$('#rupay').hide();
			$('#robox').slideDown(500);
		    return false;
	};
	
	this.hide_all = function()
	{
			$('#wm').hide();
			$('#rupay').hide()
			$('#robox').hide();
			return false;
	}    
})(jQuery);	
    

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