[JavaScript][jQuery] Panel informacyjny z zakładkami (obrazek podany) Opcje

[miki3475]

Witam serdecznie,

zastanawiam się jak zrobić coś takiego w jQuery:


Chciałbym aby były 4 takie zakładki informacyjne o różnych treściach w środku.
Zależy mi, żeby było "fadeIn".

Z góry dzięki za pomoc

[kamil4u]

Najłatwiej zrobić diva, złożonego z 4 div-ów(każda inna treść), w którym widoczny jest tylko 1 div. Żeby to pokazać kod:

Kod

<style>
#test1{ overflow: hidden;  height: 100px; width: 100px; }
#test2{ width: 400px; margin-left: -100px;} /*margin-left <-> dla 0->1div, dla -100px->2div, dla -200px -> 3 div itd.*/
#test2 div{ width: 100px; height: 100px; float: left; }
</style>

<div id="test1">
<div id="test2">
  <div style="background-color: red;">1</div>
  <div style="background-color: blue;">2</div>
  <div style="background-color: green;">3</div>
  <div style="background-color: brown;">4</div>
</div>
</div>

I teraz tylko zdarzenie na strzałkę: przezroczystość 100%, zmiana margin-left +/- 100px, przezroczystość 0%. I gotowe