Updating from Spy widgets to Jquery widgets

Question

I have vertical tabbed panels on my website. Dreamweaver CC 14.1 does not support Spry anymore. Is there a (simple) way to change my Spry widgets to Jquery widgets?

Answer 1

This is the markup for Spry:
<div id="TabbedPanels1" class="VTabbedPanels">
    <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
        <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
        <li class="TabbedPanelsTab" tabindex="0">Tab 3</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">Content 1</div>
        <div class="TabbedPanelsContent">Content 2</div>
        <div class="TabbedPanelsContent">Content 3</div>
    </div>
</div>
This is the markup for jQuery:
<div id="Tabs1">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
        <li><a href="#tabs-3">Tab 3</a></li>
    </ul>
    <div id="tabs-1"><p>Content 1</p></div>
    <div id="tabs-2"><p>Content 2</p></div>
    <div id="tabs-3"><p>Content 3</p>/div>
</div>
The constructors is vastly different.
Spry:
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
jQuery:
$(function() {
    $( "#Tabs1" ).tabs();
The good part is that you can keep the content.