Вкладки jQuery UI переходят в конкретный div в tab

У меня есть базовая настройка вкладок с помощью JqueryUI (упрощена до двух соответствующих вкладок)

 <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Home</a></li>
            <li><a href="#tabs-5">Benefits</a></li>

        </ul>
        <div id="tabs-1">
            <UCHome:UCHome runat="server" />
        </div>
        <div id="tabs-5">
            <UCBenefits:UCBenefits runat="server" />
        </div>
</div>

В пользовательском элементе управления вкладками-1 (упрощена до соответствующего кода)

<a class="benefitc" href="#benefitsmodularity">
     <span>Modularity</span>
     <asp:Image runat="server" ImageUrl="../Images/Benefits1.png"/></a> 
<a class="benefitc" href="#benefitsflexibility>
    <span>Flexibility</span><asp:Image runat="server" ImageUrl="../Images/Benefits2.png" /></a>

В пользовательском элементе управления для tabs-5 (снова упрощено)

<div class="homecontent">
    <div id="benefitsmodularity">
        <h2>
            (Modularity)</h2>
        <p>
            Hello
        </p>
    </div>
</div>
<div class="homecontent">
    <div id="benefitsflexibility">
        <h2>
            (Flexibility)</h2>
        <p>
             World
        </p>
    </div>
</div>

класс homecontent предназначен просто для стилизации.

В основном, я хочу перенаправить с tabs-1 на tabs-5, когда пользователь щелкает изображение на tabs-1, И я хочу, чтобы он перейдите к div, относящемуся к изображению. Например, если пользователь нажимает кнопку «Преимущества2. png, затем я хочу, чтобы он перешел на tabs-5 и сфокусировался на.

Пока что у меня есть в document.ready

var $tabs = $("#tabs").tabs();

$('.benefitc').click(function () { // bind click event to link
   $tabs.tabs('select', 4); // switch to tab
   return false;
});

Это правильно переводит меня на вкладку, но я не могу понять, как перейти к правильный div. Обратите внимание: все щелчки должны переводить меня на вкладку 5, которая имеет индекс 4.

Любая помощь будет очень признательна. Пожалуйста, дайте мне знать, если я недостаточно ясно ответил на вопрос.

5
задан Kamal 2 August 2016 в 16:02
поделиться