Arata DIV cand dai click

[Matei Irinel]

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

[Alex Dumitru]

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

Edit fiddle - JSFiddle

[Gratian Alinei]

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>

[Hapiuc Robert]

Uite aici un alt exemplu simplu:

Edit fiddle - JSFiddle

[haos]

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).

[Gratian Alinei]

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

[haos]

merge

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

[Gratian Alinei]

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

Test jQuery

[haos]

Test jQuery

Lol, chiar ca e cu animatie. Mersi pentru entertainment