JQuery аккордеон - продолжает скрывать родительский элемент? - PullRequest
Новая
       5

JQuery аккордеон - продолжает скрывать родительский элемент?

0 голосов
/ 12 мая 2010

Что ж, я исправил свой первоначальный вопрос, добавив после закрывающих тегов, но теперь эти ссылки не открываются?

Итак, в основном в html ниже я пытаюсь открыть только раздел служб, но я хочу, чтобы теги h3 открывали эти ссылки ... 

<div id="sp-accordion">
    <h3><a href="/?page_id=3">Home</a></h3><div></div>
    <h3><a href="/?page_id=2">About Us</a></h3><div></div>
    <h3><a href="#"> Services</a></h3>
    <div>
        <p><a href="/?page_id=16">S1</a></p>
        <p><a href="/?page_id=14">S2</a></p>
        <p><a href="/?page_id=20">S3</a></p>
    </div>
    <h3><a href="/?page_id=9">Contact Us</a></h3><div></div>
    <h3><a href="/?page_id=5">Tips</a></h3><div></div>
    <h3><a href="/?page_id=108">Jobs</a></h3><div></div>
    <h3><a href="/?page_id=131">Newsletter</a></h3><div></div>
</div>

Гармошка работает, так что когда вы нажимаете на тег h3, контейнер открывается, но когда он открывается, он скрывает h3 перед собой. Итак, в html ниже, когда я нажимаю на «Службы», div под ним открывается, но h3 About Us исчезает ...

Это HTML: 

<div id="sp-accordion">
    <h3><a href="/?page_id=3">Home</a></h3>
    <h3><a href="/?page_id=2">About Us</a></h3>
    <h3><a href="#"> Services</a></h3>
    <div>
        <p><a href="/?page_id=16">S1</a></p>
        <p><a href="/?page_id=14">S2</a></p>
        <p><a href="/?page_id=20">S3</a></p>
    </div>
    <h3><a href="/?page_id=9">Contact Us</a></h3>
    <h3><a href="/?page_id=5">Tips</a></h3>
    <h3><a href="/?page_id=108">Jobs</a></h3>
    <h3><a href="/?page_id=131">Newsletter</a></h3>
</div>

Я использую jquery ui, поэтому jquery просто так: 

$(document).ready(function() {
    $("#sp-accordion").accordion({autoHeight:false});
  });

1 Ответ

0 голосов
/ 02 июня 2010

У вас есть ссылки внутри вашего контента. Пожалуйста, попробуйте это

"Если у вас есть ссылки внутри содержимого аккордеона и вы используете a-элементы в качестве заголовков, добавьте к ним класс и используйте его в качестве заголовка, например header: 'a.header'."

Это из документа JQuery UI.

Надеюсь, это поможет:)

...