Tani hosting

Wybranie tylko jednego elementu
maxymius Offline
Donator TenTego 2.x

Liczba postów: 111
Reputacja: 5
Post: #1
Wybranie tylko jednego elementu 12-03-2016 18:22
Witam wszystkich,

piszę sobie taki prosty skrypt w jquery, i mam taki problem. Powiedzmy, że mamy kilka divów z taką samą klasą np. .box, w tych divach są inne divy np z klasą .lol. Początkowo nie wyświetlają się divy z clasą lol, chciałbym aby wysuwały się po najechaniu na diva z klasą box.

I tutaj moje pytanie, jakiego kodu uzyc aby po najechaniu na diva .box wysuwał się tylko 1 div z klasą .lol ,ktory się w nim znajduje a nie wszystkie z klasą .lol

Moze pokaze kod:

Kod:
<style>

.box {
    float: left;
   width: 300px;
        height: 300px;
        background-color: yellow;
    height: 300px;
    background-color: green;
}
    .lol {
        display: none;
        width: 300px;
        height: 300px;
        background-color: yellow;
    }
    
   
    
</style>
 <script src=jquery-1.7.min.js></script>
</head>
<body>  

<div class="box">
    <div class="lol">Wysuń</div>
   
    </div>
<div class="box">
     <div class="lol">Wysuń</div>
  </div>
    <div class="box"> <div class="lol">Wysuń</div>
   </div>
    <div class="box"> <div class="lol">Wysuń</div>
    </div>


<script>
 
    $(document).ready(function() {
    $(".box").hover( function() {
        $(".lol").slideToggle();
           
    });
    });
</script>
</body>

pozdrawiam
Cytuj
Diabeł Online
Użyszkodnik


Liczba postów: 777
Reputacja: 666
Anszlus Offline
Użytkownik

Liczba postów: 5
Reputacja: 2
Post: #2
RE: Wybranie tylko jednego elementu 12-03-2016 18:37
Kod:
$(".lol",this).slideToggle();
Proszę Big Grin
Cytuj


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości