ADDING A 5th DROP-DOWN MENU - THEME 15

ADDING ANOTHER DROP-DOWN MENU TO THEME 15


1. Find this part of the code:

<meta name="text:dropdown4 Title" content="" />


and paste this code directly underneath it:

<meta name="text:dropdown5 Title" content="" />



2. find this part of the code:

<script>
$(document).ready(function(){

   $(".slidingDiv4").hide();
   $(".show_hide4").show();

   $('.show_hide4').toggle(function(){
       $(".slidingDiv4").slideDown(
         function(){
           $("#navigation").text("navigation")
         }
       );
   },function(){
       $(".slidingDiv4").slideUp(
       function(){
           $("#navigation").text("navigation")
       }
       );
   });
});
</script>


and paste this underneath it:

<script>
$(document).ready(function(){

   $(".slidingDiv5").hide();
   $(".show_hide5").show();

   $('.show_hide5').toggle(function(){
       $(".slidingDiv5").slideDown(
         function(){
           $("#navigation").text("navigation")
         }
       );
   },function(){
       $(".slidingDiv5").slideUp(
       function(){
           $("#navigation").text("navigation")
       }
       );
   });
});
</script>




3. find this part of the code:

{block:Ifdropdown4title}
<div class="dropdown">
<a href="#" class="show_hide4">
<div class="dropdowntitle">{text:dropdown4 Title}</div></a>
<div class="slidingDiv4">
<div class="dropdowntext">

<!--  -------------------------------------------------------------- -->
<!--  ------------------ FOURTH TAB CONTENT HERE ------------------- -->
<!--  -------------------------------------------------------------- -->

    last one.

<!--  -------------------------------------------------------------- -->
<!--  --------------------------- end ------------------------------ -->
<!--  -------------------------------------------------------------- -->

</div></div></div>
{/block:Ifdropdown4title}



and paste this under it:

{block:Ifdropdown5title}
<div class="dropdown">
<a href="#" class="show_hide5">
<div class="dropdowntitle">{text:dropdown5 Title}</div></a>
<div class="slidingDiv5">
<div class="dropdowntext">

<!--  -------------------------------------------------------------- -->
<!--  ------------------ FIFTH TAB CONTENT HERE ------------------- -->
<!--  -------------------------------------------------------------- -->

    last one.

<!--  -------------------------------------------------------------- -->
<!--  --------------------------- end ------------------------------ -->
<!--  -------------------------------------------------------------- -->

</div></div></div>
{/block:Ifdropdown5title}





4. find this part or the code:

.show_hide4 {
    display:none;
}


and paste his under it:

.show_hide5 {
    display:none;
}


THE END