موضوعات اکاردئونی

[djmostafa 61]

باسلام

میخوام موضوعات سایت رو به صورت اکاردئونی نمایش بدم یعنی وقتی در دسته مادر کلیک شد زیر دسته ها نمایش داده شود .

البته کد میخوام ، افزونه نیاز ندارم

[Mirrajabi 455]

در در 11/23/2017 at 16:14، djmostafa گفته است :

باسلام

میخوام موضوعات سایت رو به صورت اکاردئونی نمایش بدم یعنی وقتی در دسته مادر کلیک شد زیر دسته ها نمایش داده شود .

البته کد میخوام ، افزونه نیاز ندارم

<?php
$parents = get_terms( 'category', array( 'parent' => 0 ) );
$categories = get_the_terms( $post->ID, 'category' );
echo '<ul class="parent">';
	foreach( $parents as $parent ):
	    echo '<li><a href="javascript:void(0)">' . $parent->name . '</a></li>';
		echo '<ul class="child">';
		    foreach( $categories as $category ):
		        if( $parent->term_id == $category->parent ):
		         	echo '<li><a href="' . get_term_link( $category ) . '">' . $category->name . '</a></li>';
		        endif;
		    endforeach;
	    echo '</ul>';
	endforeach;
echo '</u>';
?>
<script>
jQuery(document).ready(function(){	 
	jQuery("ul.child").hide();
	jQuery("ul.parent > li").click(function() {
  		jQuery(this).next("ul.child").toggle();
	});
});
</script>

 

[djmostafa 61]

در 4 ساعت قبل، Mirrajabi گفته است :

<?php
$parents = get_terms( 'category', array( 'parent' => 0 ) );
$categories = get_the_terms( $post->ID, 'category' );
echo '<ul class="parent">';
	foreach( $parents as $parent ):
	    echo '<li><a href="javascript:void(0)">' . $parent->name . '</a></li>';
		echo '<ul class="child">';
		    foreach( $categories as $category ):
		        if( $parent->term_id == $category->parent ):
		         	echo '<li><a href="' . get_term_link( $category ) . '">' . $category->name . '</a></li>';
		        endif;
		    endforeach;
	    echo '</ul>';
	endforeach;
echo '</u>';
?>
<script>
jQuery(document).ready(function(){	 
	jQuery("ul.child").hide();
	jQuery("ul.parent > li").click(function() {
  		jQuery(this).next("ul.child").toggle();
	});
});
</script>

 

سپاس ولی مشکلی داره نه لینک دسته ها میده و نه زیر دسته ها رو باز نمیکنه

[Mirrajabi 455]

در 20 ساعت قبل، djmostafa گفته است :

سپاس ولی مشکلی داره نه لینک دسته ها میده و نه زیر دسته ها رو باز نمیکنه

سلام .برای من درست کار می کرد . حالا به جای جی کوئری بالا این کد قرار بدید.

jQuery(document).ready(function(){	 
	jQuery("ul.child").hide();
	jQuery("ul.parent > li a").click(function() {
  		jQuery(this).parent().find("ul.child").toggle();
	});
});

تو jsfiddleنمونه تستی کد بالارو گذاشتم

http://jsfiddle.net/h5x3f/451/

ویرایش شده آذر 96 توسط Mirrajabi