добавить URL в JQuery аккордеоне

Question

У меня проблемы с аккордеонным меню jquery.Я хочу, чтобы ТОЛЬКО текст "Chewable Oraldolphilus" был на URL.Требование заключается в том, что он должен работать с кликом, а не при наведении курсора.Прямо сейчас, когда вы щелкаете в любом месте рядом со ссылкой, она переходит на URL, а не просто раскрывает аккордеон.Пожалуйста, порекомендуйте.Спасибо.

http://www.maxihealth.com/test/accordion3.html

Answer 1

Это то, что вы определили: тег привязки переходит на yahoo.com - и единственное, что вы можете нажать , это тег привязки. Так что вам просто нужно добавить тег div. Например:

<li>
    <div class="head"> <!-- this is the block which you click to open the div beneath -->
        <a href="http://yahoo.com">Yahoo</a> <!-- this link leads you to your URL (yahoo.com) -->
    </div>
    <div> <!-- this is the hidden container -->
        Content goes here.
    </div>
</li>

PS: попробуйте использовать внешний JS - чтобы связать что-либо через javascript / jquery, вы можете определить класс, а в свой (внешний) jquery-файл добавить следующее:

$('.class').click(function(){
    location.href = 'http://yahoo.com';
});

Answer 2

Я не смотрел исходный код, но должно работать следующее:

$(".head > div:first-child").click("function(){
 $(this).next().slideToggle(500);
  return false // this prevents the default behavior (changing the location of the page)  
}")