sosedi
-
Posts
1 -
Joined
-
Last visited
sosedi's Achievements
Explorer (1/14)
0
Reputation
-
Добрый день!не судите строго я новичок в Javascript.Хочу реализовать вывод контента подобным образом ссылка !Ихний код я смотрел, но мало что понял! Пытаюсь это сделать таким образом : <head> <script src="js/jquery-1.2.6.js" type="text/javascript"></script> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <title>Документ без названия</title> </head> <script type="text/javascript"> $(document).ready(function(){ $('#block_tarif').fadeOut(); $('.h_tarif').fadeIn(); $('div.all_tariff a.htarif').click(function(){ $('#block_tarif').fadeOut(); $('.h_tarif').fadeIn(); }); $('div.all_tariff a.rtarif').click(function(){ $('#block_tarif').fadeOut(); $('.r_tarif').fadeIn(); }); }); </script> <style> #big_block_tarifs{ width:950px; border-color:#333; border-style:dashed; border-width:1px; height:300px; float:left; } .list_tariff li{ list-style:none; float:left; margin-right:5px; } .all_tariff{ float:left; width:950px; text-align:center; border-width:1px; border-style:dotted; margin-bottom:30px; height:60px; } #block_tarif{ width:950px; height:250px; border-color:#F00; border-width:1px; border-style:dotted; background-color:#99; display:none; } </style> <body> <div class="all_tariff"> <ul class="list_tariff"> <li> <span tarif="1"><a class="htarif">11111</a></span> </li> <li> <span tarif="2"><a class="rtarif">222222</a></span> </li> <li> <span tarif="3"><a class="starif">333333</a></span> </li> </ul> </div> <div id="big_block_tarifs"> <div class="h_tarif" id="block_tarif"> <div class="menu_tarif"> <ul class="list_tariff"> <li> <span tarif="1">444444</span> </li> <li> <span tarif="2">55555</span> </li> <li> <span tarif="3">6666</span> </li> </ul> </div> </div> <div class="r_tarif" id="block_tarif"> <div class="menu_tarif"> <ul class="list_tariff"> <li> <span tarif="1">7777</span> </li> <li> <span tarif="2">88888</span> </li> <li> <span tarif="3">99999</span> </li> </ul> </div> </div> </div> </body> </html> Подскажите как это лучше реализовать? желательно поподробней. Заранее спасибо, приму любую критику)