I'm creating a site in wordpress with some audio links, (download, lyrics, play song etc...)

Now i have a few of these boxes:

2. <div style="" class="vc_col-sm-4 wpb_column column_container vc_custom_1457182789700 ">
3. <div class="mk-audio small-version-false add-baloon audioplayercss"><span class="mk-audio-author">Song Title</span><script type="">
4. 
   
5.         
6. <div class="jp-download"><a class="mk-icon-download" href="Song.mp3" download=""></a> </div>
7. 
   
8.                 </div>
10.             </div></div>
11. <div class="mk-toggle ">
12.     <div class="mk-toggle-title"><i style="color:" class="mk-flaticon-document58"></i></div>
13.     <div class="mk-toggle-pane" style="display: none;">
14.         <div style="background-color:" class="inner-box">
15.             <p>Show Text </div>
16.     </div>
17. </div>
18. </div>

The Toggle works fine if you click on the mk-toggle-title icon.

Now what i want to do is hide the mk-toggle title, put an a link with the same icon above the jp-download div and when you click on that the mk-toglle-title needs to be activated programaticaly (click)

And it needs to be done for all n-boxes ( vc_col-sm-4 wpb_column) on the page...

I'm not experienced in javascript, could anyone help me out here? I know it's not a simple question...