رفتن به مطلب

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


bichare

پست های پیشنهاد شده

سلام

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

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

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

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

ویرایش شده توسط bichare
لینک به ارسال

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

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

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...