bichare

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

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

سلام

اقا من یه مشکل دارم تو را خدا کمک کنید

من می خوام زیر دسته های هر دسته رو تو زیرش نشون بدم در واقع یه منویی درست کردم که با کلیک بر روی فلش باز میشه و باید زیر دسته مربوط به هر دسته رو نشون بده ولی نمی دونم دیگه چه کدی رو انتخاب کنم مشکل اینه که هم دسته و هم زیر دسته ها همگی کنار همن و برای هر دسته یک div دیگر ایجاد نمیشه و هم دسته و هم زیر دسته همگی تو یه div هستند عکس زیر رو ببینید

ولی باید اینطوری باشه من چیکار کنم لطفا بگید

post-9992-0-80450300-1441897521_thumb.pn

ویرایش شده در توسط bichare
0

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


لینک به پست

کد یادم رفت اینم کد من

این کد php


<div class="title-daste"></div>
<div id="daste">
<div class="accordion">
<div class="accordion-item">
<li><?php wp_list_cats('sort_column=NAME&optioncount=0&hierarchical=1')?></li>
</div>
<div class="imageli">
<p class="myImageclose" ></p>
<p class="myImageopen" ></p>
</div>


<div class="data">
<ul>
</ul>
</div>
</div>
</div>

اینم کد جی کوئری


// Javascript Document$(document).ready(function() {
jQuery.noConflict();
jQuery(document).ready(function($) {
var allAccordions = $('.accordion div.data');
var allAccordionItems = $('.accordion .accordion-item');
$('.imageli').click(function() {
if($(this).hasClass('open'))
{
$(this).removeClass('open');
$(this).prev().css({background:'#F0F0F0'});
$(this).prev().css('border-bottom','solid 1px #ccc');
$(this).find(".myImageopen").hide();
$(this).find(".myImageclose").show();
$(this).next().slideUp();
// $(this).hide(".myImage").css('transform','rotate(70deg)');
// $(this).hideClass("myImage2");
// $('#myImage').css('transform','rotate(70deg,{speed:10})');


}
else
{
allAccordions.hide();
$('.imageli').removeClass('open');
allAccordionItems.css({background:'#F0F0F0'});
allAccordionItems.css('border-bottom','solid 1px #ccc');
$(".myImageopen").hide();
$(".myImageclose").show();
// $(this).prev().css({background:"#14ad40"});
$(this).prev().css({background:"#86fadb"});
$(this).prev().css('border-bottom','solid 2px #FF0');
$(this).addClass('open');
$(this).find(".myImageclose").hide();
$(this).find(".myImageopen").show();
$(this).next().hide().slideDown();
return false;
};

});
$('#menodown').find('li.listtodarto').hover(function(){

$(this).find('.ultodarto').hide().slideDown(200);
//alert("ok");
},function() {
$(this).find('ul').hide();
});

$('#menodown').find('li.listtodarto1').hover(function(){

$(this).find('ul').hide().slideDown(200);
//alert("ok");
},function() {
$(this).find('ul').hide();
});
/* $('#menodown').function(){

$(this).hide();
});*/

/* $('#menotop2').click(function() {
allAccordions.hide();
$('.imageli').removeClass('open');
allAccordionItems.css({background:'#F0F0F0'});
allAccordionItems.css('border-bottom','solid 1px #ccc');
//imageli.next().slideUp();

//alert("ok");

});*/
});

ویرایش شده در توسط bichare
0

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


لینک به پست

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

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

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

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


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

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

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


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