Autor Zpráva
jefitto44
Profil
Mám nejaký takýto zoznam
<ul>
                            <li>
                                <img src="img/techs/h+c.png" alt="HTML5&amp;CSS3">
                            </li>
                            <li>
                                <img src="img/techs/p.png" alt="PHP">
                            </li>
                            <li>
                                <img src="img/techs/jq.png" alt="jQuery">
                            </li>
                            <li>
                                <img src="img/techs/msql.png" alt="MySQL">
                            </li>
                            <li>
                                <img src="img/techs/w.png" alt="WordPress">
                            </li>
                            <li>
                                <img src="img/techs/lrvl.png" alt="Laravel framework">
                            </li>
                            <li>
                                <img src="img/techs/yii.png" alt="Yii framework">
                            </li>
                            <li>
                                <img src="img/techs/oct.png" alt="OctoberCMS">
                            </li>
                        </ul>
Ide o zoznam používaných technológií a featurov. Každý obrázok bude mať IDčko a niekde inde budú umiestnené divka pre každý obrázok. Tie budú display:none, čiže ich nebude vidieť. Potrebujem urobiť niečo také, že po kliku na obrázok sa zobrazí dané divko, ktoré bude obrázku prislúchať. Hardcodovať by som to možno aj vedel, ale príde mi blbé opakovať 8 razy slideToggle a celú túto maškarádu. Asi by bolo dobre vytvoriť funkciu, ale ako?
Keeehi
Profil
<img src="img/techs/msql.png" alt="MySQL" onclick="myFunction('ideco-divu-ktery-chces-ovladat')">
function myFunction(id) {
    var div = document.getElementById(id);
    ....
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: