Как я могу удалить местный CSS из JQuery аккордеона? - PullRequest
0 голосов
/ 18 апреля 2019

Я использовал метод #accordion jquery, и в инспекторе он показывает какой-то локальный стиль, а в моем html он не отображается.Проблема в том, что я не могу найти корневой файл, так что я могу изменить его, потому что он имеет и высоту несколько пикселей там, и я хочу сделать высоту автоматически, как я могу это сделать?

Iпробовал искать решения везде, я пытался перезаписать в моем локальном HTML, но он не работает.

<div id="accordion">
                <h3 class="heading">CE ESTE HYALO GYN?<span class="sageata"><i class="  fa fa-angle-down"></i></span></h3>
                <div >
                  <p>
                        HYALO GYN este un tratament vaginal non-hormonal care are la baza Hydeal-D®, 
                        formula special conceputa pentru a reduce rapid si sustinut manifestarile 
                        neplacute ale uscaciunii vaginale si pentru a mentine starea de sanatate vaginala, 
                        indiferent de varsta.
                  </p>
                  <p>
                        HYALO GYN are actiune complexa si un efect de durata, putand fi administrat o data la 3 zile, oricare ar fi cauza uscaciunii vaginale
                  </p>

                </div>
                <h3 class="heading">CE CONTINE HYALO GYN?<span class="sageata"><i class="   fa fa-angle-down"></i></span></h3>
                <div>
                  <p>
                        Componentul principal al HYALO GYN este Hydeal-D®, formula moderna care permite eliberarea prelungita si controlata a acidului hialuronic biologic activ la locul aplicarii.
                  </p>
                  <p>
                        Alte componente sunt propilenglicol, metilpropandiol, carbomer, 1,2-hexandiol, caprililglicol, hidroxid de sodiu, apa purificata.

                  </p>
                  <p>
                        HYALO GYN nu contine hormoni, parabeni sau alte tipuri de conservanti.
                  </p>
                </div>
   </div>

HTML, который появляется в инспекторе:

<div class="ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content" id="ui-id-4" aria-labelledby="ui-id-3" role="tabpanel" aria-hidden="true" style="display: none; HEIGHT: 1624px;">
                  <p>
                        Componentul principal al HYALO GYN este Hydeal-D®, formula moderna care permite eliberarea prelungita si controlata a acidului hialuronic biologic activ la locul aplicarii.
                  </p>
                  <p>
                        Alte componente sunt propilenglicol, metilpropandiol, carbomer, 1,2-hexandiol, caprililglicol, hidroxid de sodiu, apa purificata.

                  </p>
                  <p>
                        HYALO GYN nu contine hormoni, parabeni sau alte tipuri de conservanti.
                  </p>
                </div>

ЧТО-ТО, КАК.

Как вы можете видеть, он имеет локальную высоту 1624 пикселя, и я хочу, чтобы он был автоматическим.

Как мне это сделать?где я могу найти корневой файл?

1 Ответ

0 голосов
/ 18 апреля 2019

Вам нужно установить правильный стиль высоты на вашем аккордеоне, когда вы его инициализируете - по умолчанию каждая панель будет иметь высоту, равную самой большой панели, если вы хотите, чтобы она была такой же большой, как содержимое, тогда используйте опция контента:

http://api.jqueryui.com/accordion/#option-heightStyle

heightStyle
Тип: Строка
По умолчанию: "auto"
Управляет высотой гармошки и каждой панели. Возможные значения:

«Авто»: все панели будут установлены на высоту самой высокой панели.
"fill": увеличить до доступной высоты, основываясь на родительской высоте аккордеона.
«содержимое»: каждая панель будет иметь такой же высокий размер, как и ее содержимое.

Примеры кодов:
Инициализируйте аккордеон с указанным параметром heightStyle:

$( ".selector" ).accordion({
    heightStyle: "content"
});
...