External link to open Flexible Slide-to-top Accordion
Hi,
Hoping somebody can help me out on this problem please. I'm using this accordion for a project- http://tympanus.net/codrops/2011/10/12/flexible-slide-to-top-accordion
I want to link to a specific tab from an another page but having alot of difficulty.
My external link is services.php#digi and I have the following code:
HTML
- <div id="st-accordion" class="st-accordion">
<ul>
<li>
<a href="#digi"><img src="images/digital.png"><span class="st-arrow">Open or Close</span></a>
<div class="st-content">
<?php perch_content('Digital_Storytelling'); ?>
</div>
</li>
<li>
<a href="#"><img src="images/event.png"><span class="st-arrow">Open or Close</span></a>
<div class="st-content">
<?php perch_content('Event_Documenting'); ?>
</div>
</li>
</ul>
</div>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.accordion.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('#st-accordion').accordion({
oneOpenedItem : true
});
});
</script>
<script type="text/javascript">
$('.#digi').click(function(){
$('#st-accordion').accordion({
open : 0
});
});
</script>
Any help welcomed!!