Как сделать переход по ссылке?

Question

[Dmmitry]

Здравствуйте.

Есть меню-аккордеон:

Раздел1
--Подраздел1
--Подраздел2
Раздел 2
Раздел 3

/*menu accordeon*/

//$('.lft-mnu').acco();
$('.lft-mnu').accordion({ active: false, animated: 'bounceslide',navigation: true, collapsible: true });

* Mega Menu */
	$('#menu ul > li > a + div').each(function(index, element) {
		// IE6 & IE7 Fixes
		if ($.browser.msie && ($.browser.version == 7 || $.browser.version == 6)) {
			var category = $(element).find('a');
			var columns = $(element).find('ul').length;
			
			$(element).css('width', (columns * 143) + 'px');
			$(element).find('ul').css('float', 'left');
		}		
		
		var menu = $('#menu').offset();
		var dropdown = $(this).parent().offset();
		
		i = (dropdown.left + $(this).outerWidth()) - (menu.left + $('#menu').outerWidth());
		
		if (i > 0) {
			$(this).css('margin-left', '-' + (i + 5) + 'px');
		}
	});

.box-content .lft-mnu {
  background: url(../images/side-bg.jpg) 0 0 repeat-x;
  height: auto !important;
  min-height: 622px !important;
  height: 622px;
margin-left: 20px;
margin-top: -5px;
}
.box-content .lft-mnu > li {

margin-right: -7px;
 display: block;
margin-left: -48px;
width: 210px;
background: url(../images/lm-bg.jpg) center 0 no-repeat;
margin-bottom: 9px;
position: relative; 
}
.box-content .lft-mnu > li:before {
  content: '';
  background: url(../images/crn-l.png) 0 0 no-repeat;
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  left: 0px;
  top: 34px;
}
.box-content .lft-mnu > li:after {
  content: '';
  background: url(../images/crn-r.png) 0 0 no-repeat;
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  right: 0px;
  top: 34px;
}
.box-content .lft-mnu > li > a {
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #461a27;
}
.box-content .lft-mnu > li > a:hover {
  color: #7b3c83;
}
.box-content .lft-mnu > li.active > a {
  color: #7b3c83;
}
.box-content .lft-mnu > li ul {
  padding: 10px 0 10px 25px;
  /*display: none;*/
}
.box-content .lft-mnu > li ul li {
  display: block;
  font-size: 16px;
}
.box-content .lft-mnu > li ul li a {
  text-decoration: none;
  color: #461A27;;
}
.box-content .lft-mnu > li ul li a:hover {
  text-decoration: underline;
}

<div class="box-content">
    <ul class="lft-mnu">
      <?php foreach ($categories as $category) { ?>
      <li>
        <?php if ($category['category_id'] == $category_id) { ?>
        <a href="<?php echo $category['href']; ?>" class="active<?php if (($category['children'])) echo " hascat" ?>" ><?php echo $category['name']; ?></a>
        <?php } else { ?>
        <a href="<?php echo $category['href']; ?>" class="<?php if (($category['children'])) echo "hascat" ?>"><?php echo $category['name']; ?></a>
        <?php } ?>
		
			<?php if (($category['children'])) { ?>
			<ul>
			  <?php foreach ($category['children'] as $child) { ?>
			  <li>
				<?php if ($child['category_id'] == $child_id) { ?>
				<a href="<?php echo $child['href']; ?>" class="active"><?php echo $child['name']; ?></a>
				<?php } else { ?>
				<a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a>
				<?php } ?>
			  </li>
			  <?php } ?>
			</ul>
			
			<?php } if ($category['products']) { ?>				
					<ul>	
						<?php foreach ($category['products'] as $product) { ?>
							<li><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></li>
						<?php } ?>
					</ul>
			<?php } ?>
			
      </li>
      <?php } ?>
    </ul>
  </div>

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

Answer 1

[Виталий Киренков]

Ну на вскидку костыльный вариант

if ( $("a").attr("href") != # ){
window.location = "www.blabla.ru"
}

Comments

[Dmmitry]

не работает.. таким способом перестает работать аккордеон и получается просто полностью раскрытое меню

[Виталий Киренков]

Я не уверен, что вы правильно это использовали. Дайте ссылку

[Dmmitry]

@DeLaVega beautyc.ru/, Каталог (левый сайд)

Answer 2

[Юрий Лобанов]

При формировании меню на сервере, или потом при построении DOM на клиенте проверяйте у пунктов меню наличие дочерних элементов меню, и если таковые имеются — назначайте класс, например with_submenuНу а при клике на пункт меню с таким классом используйте e.preventDefault();