по умолчанию, если у нас есть что-то подобное в качестве заголовка в jQuery Accordion:
<h3>
<div class="1">TEXT</div>
<div class="2">ICON</div>
<div class="3">BUTTON</div>
</h3>
щелкнув в любом месте на этом, аккордеон работает и переключает следующий элемент и ...
вопрос в том, как мы можем установить параметр и выбрать определенный элемент (например: «div» с классом «1»), чтобы щелкнуть по нему и переключить аккордеон.
я имею в виду, что я не хочу, чтобы весь заголовок оставался доступным для щелчка. я просто хочу щелкнуть значок или элемент div внутри заголовка и переключить открытие/закрытие аккордеона.
Спасибо
Обновление 1:
HTML:
<div id="testAcc">
<h3>
<div class="one">Text</div>
<div class="two">Icon</div>
<div class="three">Button</div>
</h3>
<div class="accBody">
text text text text text text text text text text
</div>
<h3>
<div class="one">Text</div>
<div class="two">Icon</div>
<div class="three">Button</div>
</h3>
<div class="accBody">
text text text text text text text text text text
</div>
</div>
JS :
$('#testAcc').accordion({
autoHeight: false,
header: 'h3',
collapsible: 'ture',
});
эти коды работают нормально. но я хочу использовать что-то вроде (header: 'h3>.one') означает, что я хочу установить определенный класс и элемент внутри заголовка, тогда, если пользователь нажмет ТОЛЬКО на этот элемент, аккордеон откроется или закроется...