Arata DIV cand dai click

Salutare , am si eu o problema, as dori ca atunci cand dai click pe un buton sa iti apara o casuta dedesuptul lui iar cand dai pe alt buton sa dispara si sa apara casuta acelui buton insa nu stiu cum sa fac...ma poate ajuta cineva?Am cautat si pe internet insa nu m-am lamurit deloc :confused:

Am pus un cod pe jsFiddle ca exemplu. Vezi ca trebuie sa folosesti jQuery.

Edit fiddle - JSFiddle

Cu puțină animație


<style type="text/css">
.grp {position:relative;display:inline;}
.btn {height:24px;}
.hdiv {width:200px; display:none; position:absolute; top:24px; padding:5px; background-color:#FFFFE1 ;border:1px black solid;}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
var MyId=0;
function ShowHide(id){
if(MyId!=0){
$('#MyText'+MyId).hide(0);
}
$('#MyText'+id).show(500);
MyId=id;
}
</script>


<div class="grp">
<button type="button" onclick="ShowHide(1)" class="btn">Button 1</button>
<div id="MyText1" class="hdiv">Salutare , am si eu o problema, as dori ca atunci cand dai click pe un buton sa iti apara o casuta dedesuptul lui iar cand dai pe alt buton sa dispara si sa apara casuta acelui buton insa nu stiu cum sa fac...ma poate ajuta cineva?Am cautat si pe internet insa nu m-am lamurit deloc</div>
</div>
<div class="grp">
<button type="button" onclick="ShowHide(2)" class="btn">Button 2</button>
<div id="MyText2" class="hdiv">Salutare din nou, am si eu o problema, as dori ca atunci cand dai click pe un buton sa iti apara o casuta dedesuptul lui iar cand dai pe alt buton sa dispara si sa apara casuta acelui buton insa nu stiu cum sa fac...ma poate ajuta cineva?Am cautat si pe internet insa nu m-am lamurit deloc</div>
</div>

Uite aici un alt exemplu simplu:

Edit fiddle - JSFiddle

Asa ceva cauti? Se numeste "tabbed navigation". Gasesti o gramada de coduri pe net.

PS: Gratian, codul tau nu mi-a mers, n-am stat sa analizez de ce. Robi, nici codul tau nu prea e conform cerintelor (doreste mai multe butoane).

Citat:

---

Postat în original de haos

PS: Gratian, codul tau nu mi-a mers, n-am stat sa analizez de ce. Robi, nici codul tau nu prea e conform cerintelor (doreste mai multe butoane).

---

merge

Citat:

---

Postat în original de Gratian Alinei

merge

---

Dovedeste-mi ca merge cu api-ul de la Google, asa cum apare in postul initial :)

Citat:

---

Postat în original de haos

Dovedeste-mi ca merge cu api-ul de la Google, asa cum apare in postul initial :)

---

Test jQuery

Citat:

---

Postat în original de Gratian Alinei

Test jQuery

---

Lol, chiar ca e cu animatie. Mersi pentru entertainment :)