Klausimai mokantis css3/html5/qjuery/php

Sveiki,

Kilus problemai/neaiškumui su css3/html5/qjuery/php/laravel5 pateiksiu klausimą būtent čia, kad nešiukšlinti forume ir visa informacija būtų vienoje temoje.

Taigi kuriu atliktų darbų galeriją (prisegu failą) ir noriu pakeisti hover efektą liečiamuose įrenginiuose. Pvz paspaudus paveikslėlį tik tada atsirastų piktogramos į youtube ir soundcloud. Kaip būtų galima tai padaryti? Ar galite ką patarti?

Vieno iš galerijos paveiksliukų bloko html kodas:

<<div class="gallery clearfix">
           <div class="gallery-inner">
               <img src="img/gallery/1.jpg" alt="thumbnail" class="img-responsive">

               <div class="caption">
                   <div class="caption-heading visible-lg">
                       <h4>renginys</h4>
                   </div>

                   <div class="btn-group btn-trigger">
                       <a href="#" class="btn btn-default youtube">youtube</a>
                       <a href="#" class="btn btn-default soundcloud">youtube</a>
                   </div>
               </div>
           </div>
</div>

Paprasciausia su JS zusaisti. Ant paspaudimo klasei deti display:block, palei defauklt'a display:none. SUnkiau galima suzaisti vien su css su pseudo klasemis.

1. http://stackoverflow.com/a/11395613/1564141
   
2. https://css-tricks.com/snippets/javascript/showhide-element/
   

P.S.

Jeigu nori ismokti normaliai daryt front-end:

• Ismesk is sio sarasho jQuery. Grazinti galesi kai jau nebekils panasiu klausimu.
  
• Ismok googlinti. Tau tik reikejo parasyti kelis zodzius javascript show hide div example arba css show hide click div example. Kurti temas kievienai smulkmenai - labai bloga praktika. Pripratus nebemokesi googlinti.