Hi,

I want to use a Slidedeck alternative and code it so that when a user clicks from an external link (not on the same page as the slideshow) a different slide is showing depending on which link they clicked on to land on the slideshow page.

The post that contains this slideshow had a comment by someone trying to achieve exactly this and the author responded, "thatís definitely possible. You should write a small js function that, when the user clicks on the link, stops the accordion, adds the active class to the respective DT and calls the plugin again." but did not provide instructions.

I'm new to JavaScript; can anyone help me figure out how to make this happen?

The code for my slider test is below if that's helpful. Here is the link to the slider I want to use: http://www.madeincima.it/download/sa...easyAccordion/

Thanks in advance for any help

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	  <title>Liz Testing JQuery Slideshow</title>
	  
      <!-- Meta -->
      <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	  <meta name="author" content="Andrea Cima Serniotti - Madeincima.eu" />
	  <meta name="description" content="jQuery Easy Accordion Plugin - A highly flexible timed horizontal slider able to show any kind of content" />
	  <meta name="keywords" content="jQuery, plugin, accordion, slider, slideshow, horizontal, timed, interval" />	  
      
      <!-- Scripts -->
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	  <script type="text/javascript" src="scripts/jquery.easyAccordion.js"></script>
      <script type="text/javascript" src="scripts/utility.js"></script>
      
      <style type="text/css">

		  html{font-size:62.5%; font-family: Helvetica,Arial,sans-serif;}
		  body{font-size:1.2em;color:#294f88;}
		  .sample{margin:30px;border:1px solid #92cdec;background:#d7e7ff;padding:30px;}
		  h1{margin:0 0 20px 0;padding:0;font-size:2em;}
		  h2{margin:40px 0 20px 0;padding:0;font-size:1.6em;}
		  .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;}
		  p{font-size:1.2em;line-height:170%;margin-bottom:20px;}
		  		  
		 
		/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute;}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden;}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1;}
		.easy-accordion dd.active{z-index:3;}
		.easy-accordion dd.plus{z-index:4;}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:120%}
		img{padding: 0px; margin:0px;}
		
		#accordion-1{width:980px;height:335px;padding:0px;background:#ffffff;border:1px solid #b5c9e8;}
		#accordion-1 dl{width:980px;height:335px;}	
		#accordion-1 dt{height:46px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(images/slide-title-inactive-1.jpg) 0 0 no-repeat;color:#26526c;}
		#accordion-1 dt.active{cursor:pointer;color:#fff;background:url(images/slide-title-active-1.jpg) 0 0 no-repeat;}
		#accordion-1 dt.hover{color:#68889b;}
		#accordion-1 dt.active.hover{color:#fff;}
		#accordion-1 dd{padding:0px;background:#ffffff;border:1px solid #dbe9ea;border-left:0;}
		#accordion-1 .slide-number{color:#68889b;left:10px;font-weight:bold;}
		#accordion-1 .active .slide-number{color:#fff;}
		#accordion-1 a{color:#68889b; padding: 0px; margin: 0px;}
		#accordion-1 h2{font-size:2.5em;}
		#accordion-1 .more{padding-top:10px;display:block;}
		#accordion-1 img{padding: 0px; margin:0px; float:left;}

      </style>
      
</head>
<body>

    <div class="sample">
        <h1>jQuery Easy Accordion Plugin</h1>
        
        <h2>Horizontal Accordion with Autoplay</h2>
        <p>Set the '<strong>autoStart</strong>' parameter to '<strong>true</strong>' to get a timed slideshow. You can also define the interval between each slide in milliseconds using the '<strong>slideInterval</strong>' parameter.</p>
        <div id="accordion-1">
            <dl>
                <dt>Moroccan</dt>
                <dd><!--h2>This is the first slide</h2--><span style="position: absolute; z-index:2;">Testing fonts</span><span style="position: relative; z-index:1;"><img src="images/test1.jpg" height="333" width="600" alt="Alt text to go here" /></span><a href="#" class="more">THIS IS A LINK</a></p></dd>
                <dt>Second slide</dt>
                <dd><a href="tbd"><img src="images/test2.jpg" height="167" width="847" alt="Alt text to go here" /></a><img src="images/test3.jpg" height="163" width="847" alt="Alt text to go here" />
				</dd>
                <dt>One more slide</dt>
                <dd><h2>One more slide to go here</h2><p><img src="images/monsters/img3.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd>
                <!--dt>Another slide</dt>
                <dd><h2>Another slide to go here</h2><p><img src="images/monsters/img4.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd>
                <dt>Wow one more</dt>
                <dd><h2>Unbilievable one more slide here</h2><p><img src="images/monsters/img5.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd>
                <dt>Last one</dt>
                <dd><h2>This is definitely the last one</h2><p><img src="images/monsters/img6.png" alt="Alt text to go here" />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.<br /><a href="#" class="more">Read more</a></p></dd-->
            </dl>
        </div>
    
</body>
</html>