Код:
<!--HTML--> <script type="text/javascript"> $(document).ready(function(){ $("#ba_1").click(function(){ $("#odin").slideToggle(); $("#dva").hide(); $("#tri").hide(); $("#chetiri").hide(); $("#piat").hide(); $("#shest").hide(); $("#sem").hide(); $("#vosem").hide(); $("#devat").hide(); $("#desat").hide(); $("#odinad").hide(); $("#dvenad").hide(); }); $("#ba_2").click(function(){ $("#odin").hide(); $("#dva").slideToggle(); $("#tri").hide(); $("#chetiri").hide(); $("#piat").hide(); $("#shest").hide(); $("#sem").hide(); $("#vosem").hide(); $("#devat").hide(); $("#desat").hide(); $("#odinad").hide(); $("#dvenad").hide(); }); $("#ba_3").click(function(){ $("#odin").hide(); $("#dva").hide(); $("#tri").slideToggle(); $("#chetiri").hide(); $("#piat").hide(); $("#shest").hide(); $("#sem").hide(); $("#vosem").hide(); $("#devat").hide(); $("#desat").hide(); $("#odinad").hide(); $("#dvenad").hide(); }); $("#ba_4").click(function(){ $("#odin").hide(); $("#dva").hide(); $("#tri").hide(); $("#chetiri").slideToggle(); $("#piat").hide(); $("#shest").hide(); $("#sem").hide(); $("#vosem").hide(); $("#devat").hide(); $("#desat").hide(); $("#odinad").hide(); $("#dvenad").hide(); }); $("#ba_5").click(function(){ $("#odin").hide(); $("#dva").hide(); $("#tri").hide(); $("#chetiri").hide(); $("#piat").slideToggle(); $("#shest").hide(); $("#sem").hide(); $("#vosem").hide(); $("#devat").hide(); $("#desat").hide(); $("#odinad").hide(); $("#dvenad").hide(); }); $("#ba_6").click(function(){ $("#odin").hide(); $("#dva").hide(); $("#tri").hide(); $("#chetiri").hide(); $("#piat").hide(); $("#shest").slideToggle(); $("#sem").hide(); $("#vosem").hide(); $("#devat").hide(); $("#desat").hide(); $("#odinad").hide(); $("#dvenad").hide(); }); $("#ba_7").click(function(){ $("#odin").hide(); $("#dva").hide(); $("#tri").hide(); $("#chetiri").hide(); $("#piat").hide(); $("#shest").hide(); $("#sem").slideToggle(); $("#vosem").hide(); $("#devat").hide(); $("#desat").hide(); $("#odinad").hide(); $("#dvenad").hide(); }); $("#ba_8").click(function(){ $("#odin").hide(); $("#dva").hide(); $("#tri").hide(); $("#chetiri").hide(); $("#piat").hide(); $("#shest").hide(); $("#sem").hide(); $("#vosem").slideToggle(); $("#devat").hide(); $("#desat").hide(); $("#odinad").hide(); $("#dvenad").hide(); }); $("#ba_9").click(function(){ $("#odin").hide(); $("#dva").hide(); $("#tri").hide(); $("#chetiri").hide(); $("#piat").hide(); $("#shest").hide(); $("#sem") .hide(); $("#vosem").hide(); $("#devat").slideToggle(); $("#desat").hide(); $("#odinad").hide(); $("#dvenad").hide(); }); $("#ba_10").click(function(){ $("#odin").hide(); $("#dva").hide(); $("#tri").hide(); $("#chetiri").hide(); $("#piat").hide(); $("#shest").hide(); $("#sem").hide(); $("#vosem").hide(); $("#devat").hide(); $("#desat").slideToggle(); $("#odinad").hide(); $("#dvenad").hide(); }); $("#ba_11").click(function(){ $("#odin").hide(); $("#dva").hide(); $("#tri").hide(); $("#chetiri").hide(); $("#piat").hide(); $("#shest").hide(); $("#sem") .hide(); $("#vosem").hide(); $("#devat").hide(); $("#desat").hide(); $("#odinad").slideToggle(); $("#dvenad").hide(); }); $("#ba_12").click(function(){ $("#odin").hide(); $("#dva").hide(); $("#tri").hide(); $("#chetiri").hide(); $("#piat").hide(); $("#shest").hide(); $("#sem").hide(); $("#vosem").hide(); $("#devat").hide(); $("#desat").hide(); $("#odinad").hide(); $("#dvenad").slideToggle(); }); }); </script> <style> .proffes{ background-color: #653a92; display: inline-block; width: 80px; cursor: pointer; color: #fff; border: 1px solid; border-radius: 0; font-family: bebas neue; text-shadow: none!important; font-size: 16px; text-align: center; font-weight: bold; padding-top: 5px; padding-bottom: 3px; } </style> <div class="u_theme"> <div class="u_title">дни рождения</div> <div class="u_body"> Каждый из вас очень дорог нам. Мы так же рады вашему дню рождения, как и вы сами. Поэтому мы просим вас оставить в шаблоне ниже дату, которой вы родились. А мы в свою очередь внесем ее в календарь и поздравим вас приятным графическим подарком!<br><br><br> <center><div class="proffes" id="ba_1">январь</div> <div class="proffes" id="ba_2">февраль</div> <div class="proffes" id="ba_3">март</div> <div class="proffes" id="ba_4">апрель</div> <br><br> <div class="proffes" id="ba_5">май</div> <div class="proffes" id="ba_6">июнь</div> <div class="proffes" id="ba_7">июль</div> <div class="proffes" id="ba_8">август</div><br><br> <div class="proffes" id="ba_9">сентябрь</div> <div class="proffes" id="ba_10">октябрь</div> <div class="proffes" id="ba_11">ноябрь</div> <div class="proffes" id="ba_12">декабрь</div> </center> <!---ЯНВАРЬ---> <div id="odin" style="display: none; text-align: center;"><br><br><br> 28.01 - [<a href="http://click.rusff.me/profile.php?id=181">lysander montanari</a>]<br> </div> <!---ФЕВРАЛЬ---> <div id="dva" style="display: none; text-align: center;"><br><br><br> 01.02 - [<a href="http://click.rusff.me/profile.php?id=736">arthur price</a>]<br> 08.02 - [<a href="http://click.rusff.me/profile.php?id=715">margaret wood</a>]<br> 10.02 - [<a href="http://click.rusff.me/profile.php?id=475">gilbert knight</a>]<br> </div> <!---МАРТ---> <div id="tri" style="display: none; text-align: center;"><br><br><br> 12.03 - [<a href="http://click.rusff.me/profile.php?id=692">cain morosantoro</a>]<br> 29.03 - [<a href="http://click.rusff.me/profile.php?id=674">clarence widowhill</a>]<br> 29.03 - [<a href="http://click.rusff.me/profile.php?id=685">amber morton</a>]<br> </div> <!---АПРЕЛЬ---> <div id="chetiri" style="display: none; text-align: center;"><br><br><br> 17.04 - [<a href="http://click.rusff.me/profile.php?id=640">carl jonson</a>]<br> 23.04 - [<a href="http://click.rusff.me/profile.php?id=650"> michael denham</a>]<br> </div> <!---МАЙ---> <div id="piat" style="display: none; text-align: center;"><br><br><br> 17.05 - [<a href="http://click.rusff.me/profile.php?id=582">aileen korsak</a>]<br> </div> <!---ИЮНЬ---> <div id="shest" style="display: none; text-align: center;"><br><br><br> </div> <!---ИЮЛЬ---> <div id="sem" style="display: none; text-align: center;"><br><br><br> 20.07 - [<a href="http://click.rusff.me/profile.php?id=632">luna harper</a>]<br> 23.07 - [<a href="http://click.rusff.me/profile.php?id=470">christoff forbes</a>]<br> </div> <!---АВГУСТ---> <div id="vosem" style="display: none; text-align: center;"><br><br><br> </div> <!---СЕНТЯБРЬ---> <div id="devat" style="display: none; text-align: center;"><br><br><br> 03.09 - [<a href="http://click.rusff.me/profile.php?id=734">evie torres</a>]<br> 26.09 - [<a href="http://click.rusff.me/profile.php?id=605">Fabian Costa</a>]<br> </div> <!---ОКТЯБРЬ---> <div id="desat" style="display: none; text-align: center;"><br><br><br> 18.10 - [<a href="http://click.rusff.me/profile.php?id=47">narcissa winter</a>]<br> 22.10 - [<a href="http://click.rusff.me/profile.php?id=684">brian cooper</a>]<br> 26.10 - [<a href="http://click.rusff.me/profile.php?id=546">gabrielle a. donovan</a>]<br> 29.10 - [<a href="http://click.rusff.me/profile.php?id=722">esther dickens</a>]<br> </div> <!---НОЯБРЬ---> <div id="odinad" style="display: none; text-align: center;"><br><br><br> 08.11 - [<a href="http://click.rusff.me/profile.php?id=179">mikelangelo montanari</a>]<br> 15.11 - [<a href="http://click.rusff.me/profile.php?id=606">cameron morrow</a>]<br> </div> <!---ДЕКАБРЬ---> <div id="dvenad" style="display: none; text-align: center;"><br><br><br> 26.12 - [<a href="http://click.rusff.me/profile.php?id=714">marseille duval</a>]<br> 28.12 - [<a href="http://click.rusff.me/profile.php?id=210">franklin foster</a>]<br> 28.12 - [<a href="http://click.rusff.me/profile.php?id=552">anastasia heatherton</a>]<br> 31.12 - [<a href="http://click.rusff.me/profile.php?id=541">samuel drake</a>]<br> </div> </div> </div>
Код:
00.00 - [<a href="ссылка на профиль">name surname (с маленьких букв)</a>]<br>