Модификация ядра Spry Tabbed Panels JS

У меня проблемы, и я не знаю, как решить эту проблему.

У меня есть виджет Spry Tabbed Panels с содержимым. Я знаю, что трехуровневая структура с пятью контейнерами необходима для правильной работы виджета «Панели с вкладками», но я хотел бы добавить еще один уровень (класс контейнера под основным div), например:

<div id="TabbedPanels1" class="TabbedPanels">
    <div class="content">
        <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">Home</li>
            <li class="TabbedPanelsTab" tabindex="0">Profile/li>
            <li class="TabbedPanelsTab" tabindex="0">Contact</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>
</div>

Насколько я понимаю, чтобы заставить это работать должным образом, мне пришлось бы модифицировать ядро ​​виджета. Может ли кто-нибудь указать мне правильное направление или помочь мне изменить ядро ​​​​виджета? Спасибо заранее!!