Есть ява скрипт [js] <script language="javascript" src="jquery-1.4.2.min.js"></script> <script> $(document).ready(init); function init(){ $('#q').hover( function(){$("#to").css({"visibility":"visible", "float":"right", "border":"1px solid blue"});}, function(){$("#to").css("visibility", "hidden");} ); } </script> [/js] Стиль [css] <style> #to { float: right; border: 1px solid blue; visibility: hidden; } #q { border: 1px solid black; } </style> [/css] Код Код (Text): <!-- первый див --> <div id="q"> <div id="to">word</div> Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum </div> <br /> <!-- второй див --> <div id="q"> <div id="to" >word</div> Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum </div> При наведении на первый див id=q появляется див id=to. С первым дивом работает, а вот если наводишь на второй див то у него уже див id=to не появляется. Как можно реализовать, чтобы при наведении мышки на второй див id=to тоже появлялся?
id - это уникальный идентификатор элемента на странице. делай через классы и фильтрацию вложенных элементов [js]<script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.q').hover( function(){ $(this).children('.to').css({"visibility":"visible", "float":"right", "border":"1px solid blue"}); }, function(){ $(this).children('.to').css("visibility", "hidden"); } ); }); </script>[/js] HTML: <div class="q"> <div class="to"></div> </div>