Промяна на вътрешен елемент с jquery

[d_badboy]

Здравейте, имам елемент div със зададен position: relative; и друг div със зададени позиции и първоначално скрит. Как да направя при hover на първия да се появява вътрешния div и да изчезва при махане на мишката ? Пробвах нещо от рода на това но не стана:

$(this).hover(
function(){
$(this > "div").show();
}, function(){
$(this > "div").hide();
});

 

[shterev]

вместо this > div защо не апишеш ид или класа на дива?

 

[d_badboy]

Този див и вътрешния се повтарят повече пъти и искам да се появява точно този вътрешен див на посочения външен. Малко объркано стана

 

[shterev]

не виждам проблема какъв в като сложиш клас на вътрешния. В прототайп става лесно, но не съм запознат с query

 

[d_badboy]

iQuery кода е следния:

    $(".img").corner().hover(function(){
        $(this).addClass('img_hover');
        //var this_class = $(this).attr('class');
        $(this > 'div').css("display","block");
        $(this > 'div').stop().animate({top:'0px',height:'40px'},'fast');
    },function(){
        $(this).removeClass('img_hover');
        //var this_class = $(this).attr('class');
        $(this > 'div').stop().animate({top:'0px',height:'0px'},'fast',function(){
            $(this > 'div').css("display","none");
        });
    });

div-овете са тези:

<div class="img">
<div class="actions">... TEXT ...</div>
... TEXT ...
</div>

Ето каде искам да го приложа. Потребител: test / Парола: testtest
Когато мишката е върху някоя снимка добавена от влезлия потребител да му се показват действия които може да извършва, например изтриване или промяна.

 

[shterev]

$('.action').css("display","block"); Или без точката

 

[d_badboy]

За да видиш actions div-а трябва да се логнеш с test и testtest. Точно това не исках да се появява на всички div-ове :?

 

[shterev]

$(this " > div").show();

 

[d_badboy]

Така проработи

$(".img").corner().hover(function(){

$(this).addClass('img_hover');
$(this).children("div").css("display","block").stop().animate({opacity:'1'},'fast');

},function(){

$(this).removeClass('img_hover');
$(this).children("div").stop().animate({opacity:'0'},'fast',function(){
     $(this).children("div").css("display","none");
});

});

 

[shterev]

а горното?

 

[StormBreaker]

Ето така е най-лесно...

$(this).hover(
function(){
$(this).find("div").show();
}, function(){
$(this).find("div").hide();
});

 

[d_badboy]

Това не работи

$(this " > div").show();

Нито път така

$(this > "div").show();

@StormBreaker твоя вариант също работи, но кой е по добър с find или children както моя вариант ?

 

[lam3r4370]

@StormBreaker твоя вариант също работи, но кой е по добър с find или children както моя вариант ?

Children е по-бързо.

Източник: http://stackoverflow.com/questions/648004/what-is-fastest-children-or-find-in-jquery

 

[d_badboy]

Благодаря ви много lam3r4370 получаваш точка понеже имаш по малко точки от StormBreaker

 

[lam3r4370]

Благодаря ви много lam3r4370 получаваш точка понеже имаш по малко точки от StormBreaker

И аз благодаря.