using text links to open accordion panel -
03-26-2009
, 10:33 AM
How do I use text links (from the page's main menu) to programatically open a
particular panel.
here is the page: http://debrankin.com/tee/SITEDESIGN/
for example: I want to click on "Resumes and Cover Letters" in the left hand
menu to open the first accordion panel (by the same name). I have this set this
page so that all panels are closed initially.
i know i'm missing something because this obviously does not work: i've looked
for documentation and this issue is inadequately addressed!
<!-- here is the left menu - only first link -->
<ul>
<li><a href="#" onclick="accordion1.openPanel(0)">Resumes and Cover
Letters</a></li>
<li><a href="#" onclick="accordion1.openPanel(1)">Job and Scholarship
Applications</a></li>
<li><a href="#" onclick="accordion1.openPanel(2)">web content</a></li>
<li><a href="#" onclick="accordion1.openPanel(3)">Writing Projects, Essays
and Articles</a></li>
<li>Academic Papers<br />
<br />
</li>
</ul><script type="text/javascript">
var accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
<!-- here is the accordion widget -->
<!-- InstanceBeginEditable name="maincontent" -->
<div id="content">
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Resumes & Covers Letters</div>
<div class="AccordionPanelContent">
<div id="content1">
<p>Are you sending out your resume but not getting calls for
interviews? Have<br />
you been putting off writing or revising your resume? The Essay
Expert will<br />
help you get back to work.</p>
<p>Your resume and cover letter are the first impression a potential
employer<br />
has of you. We will make sure that these key documents make you
stand out<br />
from the competition. Let us help you maximize your chances of
obtaining an<br />
interview.</p>
<p>A resume and cover letter from The Essay Expert:</p>
<ul>
<li>Effectively convey who you are and what you have
accomplished.</li>
<li> Target the position for which you are applying.</li>
<li>Impress employers with a clear, professional format and
writing<br />
style.</li>
<li> Distinguish you from the competition!</li>
</ul>
<h3>Show employers your best. Give your resume an overhaul with The
Essay<br />
Expert.</h3>
<p><strong>The Resume Process:</strong></p>
<ol>
<li>You already have a resume: One of our resume writers will
call you<br />
for a FREE 15-minute consultation to discuss the strengths and
weaknesses of<br />
your resume. Once you choose to work with The Essay Expert, we
will send<br />
you a questionnaire. After we receive your completed
questionnaire we will<br />
contact you within 2 business days to set up a second phone
conversation.<br />
You will have a draft of your new resume within 2 business days
of that<br />
conversation. Up to two more revisions are included in the
price of the<br />
package.</li>
<li>You don't have a resume: One of our resume writers will call
you<br />
for an initial 15-minute FREE consultation. Once you choose to
work with<br />
The Essay Expert, we will send you a questionnaire. After we
receive your<br />
questionnaire we will contact you within 2 business days to have
a second<br />
phone conversation. You will have a draft of your new resume
within 2<br />
business days. Up to two more revisions are included in the
price of the<br />
package.</li>
<li>We are committed to your success! If you do not see results
from<br />
your new resume, The Essay Expert will give you a FREE
revision.<br />
The Essay Expert does not use templates. We design each resume
to reflect<br />
your style and your goals.</li>
</ol>
<span class="areyou">Tips & Tricks:</span>
<ul>
<li><a
href="http://www.nytimes.com/2009/02/15/jobs/15career.html?_r=1&em"
target="_blank">A Cover Letter is Not Expendable</a><br />
</li>
<li><a
href="http://shiftingcareers.blogs.nytimes.com/2008/07/07/more-resumes-going-vir
tu al/?scp=9&sq=resumes&st=cse" target="_blank">More Resumes Going
Virtual</a></li>
<li><a
href="http://www.nytimes.com/2009/02/01/jobs/01career.html?scp=1&sq=%22job%2
0hoppi ng%22&st=cse" target="_blank">How to Overcome a Job-Hopping
History</a></li>
</ul>
<p> </p>
<div class="rates">
<p><span class="essayexpert">Rates:</span> we can have pricing
information a paypal link or a contact link - let's see</p>
</div>
<p> </p>
<p><a href="#">View samples <img src="images/arrow.png" alt=""
width="16" height="10" /></a></p>
<p> </p>
</div>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Job and Scholarship Applications</div>
<div class="AccordionPanelContent">
<p>Have you been asked to write an essay or a series of essays to
obtain a job,<br />
promotion or scholarship? We are committed to your success. </p>
<p>We will see you through the entire process, from thinking through
what you<br />
want to write to checking for grammatical and spelling errors. Your
final<br />
application is guaranteed to shine!</p>
<p>We are proud to have helped dozens of clients obtain sought-after
employment<br />
positions, private scholarships and government promotions. A
winning essay<br />
makes all the difference.</p>
<div class="rates">
<p><span class="essayexpert">Rates:</span> we can have pricing
information a paypal link or a contact link - let's see</p>
</div>
<p> </p>
<p><a href="#">View samples <img src="images/arrow.png"
width="16" height="10" /></a></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Web Content</div>
<div class="AccordionPanelContent">
<p>Are you a business owner who wants to create or update your
website? Why<br />
wait another day to start getting your products and your message out
on the<br />
internet?</p>
<p>Well-written content can be the key to success. Have a
conversation with<br />
The Essay Expert. </p>
<p>We have helped many businesses create successful websites and
marketing<br />
materials, and we will do the same for you. We work collaboratively
with<br />
you to make your website and other marketing documents speak to
your<br />
customers. Graphic services are also available. </p>
<p>We are committed to giving you finished, effective product in
record time!</p>
<div class="rates">
<p><span class="essayexpert">Rates:</span> we can have pricing
information a paypal link or a contact link - let's see</p>
</div>
<p> </p>
<p><a href="#">View samples <img src="images/arrow.png"
width="16" height="10" /></a></p>
<p></p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Writing Projects, Essays &
Articles</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Academic Papers</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div><script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { defaultPanel: -1
});
//-->
</script> |