[inne][JavaScript][CSS]Zmiana zawartości i stylu diva po najechaniu myszką Opcje

[kirkowa]

Dzień dobry!

To przede wszystkim, bo jestem nowa. Więc raz jeszcze: dzień dobry (IMG:style_emoticons/default/smile.gif) Dla porządku zaznaczę również, że moja znajomość tworzenia stron ogranicza się do absolutnych podstaw. Mój problem pewnie dla wielu z Was będzie idiotyczny, ale niestety na forum jest tylko "przedszkole", "żłobka" czy "oddziału dla noworodków" nie ma, więc piszę tu.

Sedno sprawy:
Mam dokładnie sześć divów na stronie. Są identyczne pod względem stylu, mają przypisaną klasę, cssa na kolorki, wszystko pięknie. Chciałabym, by po najechaniu myszką na pojedynczego diva zmieniała się jego treść i styl, żeby w "nowej" treści diva użytkownik mógł sobie kliknąć w linka. Co więcej, ideałem by było, gdyby przejście między pierwszą a drugą treścią było łagodne, jak przy zastosowaniu transition w cssie. I tu pojawia się problem. Kompletnie nie wiem, jak się do tego zabrać, czego szukać... Wujek gógle powiedział mi tyle, że sobie mogę kolor zmienić, a za to podziękuję, bo nie o to chodzi. Javascript? Ok, chętnie nawet, ale znów - nawet nie wiem, jak się do tego zabrać. Z tego, co udało mi się do tej pory dowiedzieć, to pomogłaby funkcja w javascript i onmouseover, ale właśnie - co, gdzie i jak?
Absolutnie nie oczekuję gotowca, a jedynie wyznaczenia drogi i opisania rozwiązania językim dla inteligentnych inaczej, żeby udało mi się to wszystko choć w połowie zrozumieć. Zaznaczę też, że cssa, htmla ogarniam całkiem nieźle, php prawie i absolutnie podstawowo, javascript wiem, że istnieje.

Poszukałam odpowiedzi i na Waszym forum, ale nie znalazłam tego, o co mi chodzi.

Proszę o wyrozumiałość i pozdrawiam serdecznie.

[kpt_lucek]

Ja bym to zrobił mniej więcej tak:

[HTML] pobierz, plaintext 
<div class="box">
  <div class="first">cokolwiek</div>
  <div class="second" style="display:none">
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mattis erat gravida pulvinar facilisis. Quisque vitae fermentum felis.
       <br><br>
       <a href="link">więcej >></a>
  </div>
</div>
[HTML] pobierz, plaintext 

I dopiero tutaj bawiłbym się w hovery, mouseentery/outy etc. - pokazywanie i ukrywanie naprzemiennie div'ów z klasami .first i .second na hover w .box

Ten post edytował kpt_lucek 29.06.2014, 03:40:51