Link to a page and open a toggle on the page with one link

[debradager]

I would like to have a link on my home page that links to a services page and opens a toggle on that page about a particular service. The toggles by default will all be closed when only the page is linked to. There will be 8 toggles on the service page but I only want one open based on the link that was used on the home page.

On my home page I have:

   <a href="http://www.debdweb.com/test/services/?id=#Service1">Go to Service 1 (open)</a>
 
On the services page:
 
   <div class="service-box">
 
        <ul class="service_list">
 
 
        <li>
            <h6><a href="#Service1" class="toggle-link tog1">Service 1</a></h6>
            <div class="sub-text" id="Service1">
                Curabitur faucibus magna at leo commodo sed cursus dui posuere.Praesent ornare,<br />
leo et aliquet tempus, orci orci luctus leo. Quisque….
            </div>
        </li>
                </ul>
   </div>

The above does not open the toggle. Do I need a php function to do this? Any help would be greatly appreciated.

Thanks!

[Rabbit]

I have no idea what you mean by toggle. Toggle is not a standard HTML element so unless you explain what you mean by it, I can't understand what you're trying to do.

[debradager]

I have seem then called collapsible toggles or spoilers. They are basically an accordion but you can have multiple open at the same time. Here is a link to the service page I am playing around with that contains 4 toggles: http://www.debdweb.com/test/services. Here is a link to another site where I used toggles/spoilers: http://www.thedienerschool.org/community. Please let me know if you need more info. WP UI is a wordpress plugin that provides these functions and they also came with this theme I am working with in the test location. Thanks!

[Rabbit]

You wouldn't use a PHP function per se. You would just use PHP to add an additional class based on the id that was passed.