Выпуск Аккордеонного Меню Jquery - PullRequest
Новая
       1

Выпуск Аккордеонного Меню Jquery

0 голосов
/ 09 февраля 2011

У меня работает меню аккордеона на странице, но когда я нажимаю одну из ссылок, оно не переходит на соответствующую страницу.

Кроме того, мне бы хотелось, чтобы оно работало, чтобы при нажатии на ссылку меню закрывалось, а затем автоматически выпадало снова при загрузке следующей страницы.

Возможно, будет лучше, если я просто скажу вам, где мой код, и разместите все это здесь?

HTML: 

<div class="basic" style="float:right;" id="list1b"> <a class="serviceheading">Printing</a>
  <ul id="serviceslist">
    <li><a href="stationery.php">>> Stationery</a></li>
    <li><a href="flyers.php">>> Flyers / Leaflets</a></li>
    <li><a href="brochures.php">>> Brochures</a></li>
    <li><a href="posters.php">>> Posters</a></li>
    <li><a href="calendars.php">>> Calendars</a></li>
    <li><a href="invites.php">>> Invites</a></li>
    <li><a href="#">>> Envelopes</a></li>
    <li><a href="#">>> Docket Books</a></li>
    <li><a href="#">>> Menus</a></li>
    <li><a href="#">>> Booklets</a></li>
  </ul>
  <a class="serviceheading">Graphic Design</a>
  <ul id="serviceslist">
    <li><a href="#">>> Print Design</a></li>
    <li><a href="#">>> Logo Design</a></li>
    <li><a href="#">>> Brand Development</a></li>
    <li><a href="#">>> Advert Design</a></li>
    <li><a href="#">>> Product Packaging</a></li>
  </ul>
  <a class="serviceheading">Web Design</a>
  <ul id="serviceslist">
    <li><a href="#">>> Web Design</a></li>
    <li><a href="#">>> E-Commerce Web Design</a></li>
    <li><a href="#">>> SEO - Search Engine Optimization</a></li>
    <li><a href="#">>> Web Marketing (SEO, Banner Ads, Text Ads)</a></li>
  </ul>
  <a class="serviceheading">Signage</a>
  <ul id="serviceslist">
    <li><a href="#">>> PVC Banners</a></li>
    <li><a href="#">>> Pop-up Banners</a></li>
    <li><a href="#">>> Swing Signs</a></li>
    <li><a href="#">>> Outdoor Signage</a></li>
  </ul>
</div>

CSS находится в accordioncss.css

Я не уверен, какие части скрипта актуальны .... Я просто скопировал и вставил его:)

Извините, ребята, из-за моего невежества, я все еще новичок в этом кодовом бизнесе

Колм

1 Ответ

0 голосов
/ 09 февраля 2011

Все ваши ссылки имеют код href="#" в html. они должны содержать ссылку, на которую вы хотите указать их, например, <a href="http://google.com">Google</a> при нажатии Google перейдет на сайт google.com

обновление 

jQuery('#list1b ul li a').click(function (e){
   var self = $(this);
   setTimeout(function (){window.location.href=self.attr('href')},1500);
   e.preventDefault();
});

добавить строку выше этой строки ==== >>> var wizardButtons = $([]);

...