djmostafa

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

4 پست در این موضوع قرار دارد

باسلام

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

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

0

به اشتراک گذاری این پست


لینک به پست
در در 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>

 

1

به اشتراک گذاری این پست


لینک به پست
در 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>

 

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 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/

ویرایش شده در توسط Mirrajabi
1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری