ufak bir javascript sorusu

arkadaşlar merhaba,
problemi şöyle anlatayım

iki adet linkim var
Link 1 ve Link 1 olsun

iki tane de div im var bu da div1 ve div2

div 1 in içinde de linkler var

olsun şimdi ben link1 in üzerine geldiğimde div 1 in açılmasını ve içindeki linklerin üzerine geldiğimde de bu divin kapanmamasını istiyorum, yaptığım denemelerin hepsinde div1in üzerine geldiğimde açık kalıyor ancak içindeki bir linkin üzerine geldiğimde kapanıyordu anlayacağınız başarısızlıkla sonuçlanıyordu


link 2 üzerine gelince ise aynı şekilde div1 açıksa kapansın ve div2 açılsın ve içerisindeki verilerde gezinebileyim istiyorum

kodlama örneği gösterebilirseniz sevinirim.

iyi çalışmalar

Css ile

<div class="kutu">
    <div class="baslik">başlık</div>
    <ul class="gizli">
        <li><a href="#">link1</a></li>
        <li><a href="#">link2</a></li>
        <li><a href="#">link3</a></li>
    </ul>
</div>
<div class="kutu">
    <div class="baslik">başlık</div>
    <ul class="gizli">
        <li><a href="#">link1</a></li>
        <li><a href="#">link2</a></li>
        <li><a href="#">link3</a></li>
    </ul>
</div>

.kutu { float:left; width:200px; margin:5px; background: #e9e9e9; }

.baslik { padding:10px; }

.gizli {
    display: none;
}
.kutu:hover .gizli {
    display:block;
}

Merhaba

Anladığım kadarıyla aşağıdaki gibi bir şey istiyorsunuz.

Css

.first-div{
    display: none;
}

.second-div{
    display: none;
}

<div>
    <div class="link1">
        <a href="www.google.com.tr">link1</a>
        <div class="first-div"> 
            <a href="www.google.com.tr"> div1 link1</a>
            <a href="www.google.com.tr"> div1 link2</a>
        </div>
    </div>
    
    <div class="link2">
        <a href="www.google.com.tr">link2</a>
        <div class="second-div">
            <a href="www.google.com.tr"> div2 link1</a>
            <a href="www.google.com.tr"> div2 link2</a>
        </div>
    </div>
</div>

$(".link1").hover(function(){
    $(".first-div").toggle()
})

$(".link2").hover(function(){
    $(".second-div").toggle()
})

yanıtlar için teşekkürler iki cevap da çok işime yaradı teşekkür ederim