JSFiddle - React, Tailwind, and code Playground
HTML
<!-- Panel -->
<div id="amoney" align="center" class="amoney-module">
<div align="center" class="amoney-mod1">
<span class="panel1"><span class="north" onclick="hide_all()" title="Скрыть все">Благодарность Автору</span></span>
</div>
<div align="center" class="amoney-mod2">
<a href="javascript:void(0);" onclick="show_payment_form('wm')" rel="nofollow"><img
class="south bor1" src="http://www.foto-s.ru/modules/mod_amoney/images/logowm_small.gif"
alt="WebMoney" title="WebMoney" /></a>
</div>
</div>
<!-- Webmoney -->
<div id="wm" align="center" style="display:none;">
<div class="amoney_tr">
<div class="amoney_tl">
<div class="amoney_t"> </div>
</div>
</div>
<div class="amoney_m" style="height:162px">
<form id="wm-pay" name="pay" method="post" action="https://merchant.webmoney.ru/lmi/payment.asp" target="_blank">
<div class="cont1" align="center">
<img class="bor2" src="http://www.foto-s.ru/modules/mod_amoney/images/logowm.gif" alt="Webmoney" />
</div>
<div class="karma1" align="center"><div class="karma2" align="center">
<label class="letter3">$10000 30% $3000</label><div class="karma3" align="center"><img align="middle" src="http://www.foto-s.ru/modules/mod_amoney/images/karma2.jpg" alt="Karma1" width="70%" style="border:0;max-width:120px;height:7px"/><img align="middle" src="http://www.foto-s.ru/modules/mod_amoney/images/karma1.jpg" alt="Karma2" width="30%" style="border:0;max-width:120px;height:7px"/>
</div><div class="karma4" align="center">
<label class="letter">Обновлено: 18/09/2011</label>
</div></div>
</div> <div class="cont1" align="center">
<label class="letter">Валюта и сумма:</label>
</div>
<div class="cont1" 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="Введите сумму" />
</span>
<label class="focus-example">
<select id="wm-pay-2"...
CSS
*:focus {
outline: none;
}
a {
outline: none;
}
a img {
border: none;
}
/**
* #amoney-module {
* border:0;
* width:auto;
* text-align:center;
* }
*/
#amoney .amoney-module {
border:0;
width: auto;
text-align:center;
}
#amoney .amoney-mod1 {
border:0;
width:100%;
text-align:center;
margin-bottom: 7px;
}
#amoney .amoney-mod2 {
border:0;
width:100%;
text-align:center;
}
span.panel1 {
font-weight:bold;
cursor:pointer;
border-bottom: 1px solid rgb(204, 204, 204);
padding:3px;
}
.bor1 {
border: 1px dotted #e1e1e1;
width:60px;
height:17px;
}
.bor1:hover {
border: 1px dotted #000;
width:60px;
height:17px;
}
.bor2 {
border:0;
width:90px;
height:39px
}
.amoney {
overflow:hidden;
text-align:center;
display:none;
}
.ampoweredby1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin:3px;
text-align:center;
}
#ampoweredby {
text-align:center !important;
}
.poweredby1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin:3px;
text-align:center !important;
}
/* wm */
#wm {
padding-top: 6px;
}
#wm .karma1 {
width:100%;
text-align:center;
}
#wm .karma2 {
border: 0;
width:100%;
margin-left:auto;
margin-right:auto;
float:left;
text-align:center;
}
#wm .karma3 {
border:0;
margin-left:auto;
margin-right:auto;
width:120px;
text-align:center;
}
#wm .karma4 {
width:100%;
margin-left:auto;
margin-right:auto;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
border-bottom:1px solid #CCC;
text-align:center;
}
#wm .amoney {
margin: 0;
overflow: hidden;
width: auto;
}
#wm .amoney div {
margin: 0;
text-align: left;
}
#wm .amoney_tr {
background: url('../images/jc_rb_tr.gif') no-repeat scroll 100% 0% transparent;
height: 10px;
overflow: hidden;
padding-right: 13px;
}
#wm .amoney_tl {
background: url('../images/jc_rb_tl.gif') no-repeat scroll 0% 0% transparent;
padding-left:...
JavaScript
function show_payment_form(name) {
var pays = new Array( 'rupay','yandex','egold','paypal','wm' );
var fx = new Array();
for( i=0; i<pays.length; i++ ) {
if( pays[i] != name ) {
fx[i] = new Fx.Morph( name, 'opacity' ).set(0);
$(pays[i]).setStyle( 'display', 'none' );
} else {
$(pays[i]).setStyle( 'display', '' );
fx[i] = new Fx.Morph( name, 'opacity' ).start(0,1);
}
}
}