Помогите с выбором элемента
Здравствуйте!
Имеется код
$(document).ready(function() {
$('div.vs').css("opacity", "0");
$('div.osnova').hover(function() {
$('div.vs').stop().fadeTo("normal", .8);},
function() {
$('div.vs').stop().fadeTo("normal", .0);
});
});
при наведении курсора на блок osnova над ним появляется блок vs с дополнительной информацие
<div class="osnova" style="background-image: url('test.jpeg')"><div class="vs">дополнительная информация</div></div>
на странице большое количество таких блоков osnova и вложенного в него блока vs. как сделать что бы блок vs выводился только над блоком osnova на который наведен курсор |
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('div > div').hover(function() {
$(this).fadeToggle('slow');
}),
});
</script>
<style type="text/css">
div > div {
background: red;
margin: 10px;
width: 50px;
height: 50px;
}
</style>
<div><div>text1</div></div>
<div><div>text2</div></div>
|
Здравствуйте.
Решил не плодить новые темы, так-как мой вопрос подобен. В общем имею следующее:
<div>
<input>
Some text
</div>
Подскажите как средствами Jquery добраться до текста и поместить его в span. |
| Часовой пояс GMT +3, время: 21:42. |