PDA

View Full Version : مبتدی: چگونه فقط یک div نمایش بدهیم



bitcob589
سه شنبه 19 اردیبهشت 1391, 18:27 عصر
با سلام
چگونه می توان یک div را نمایش بدهیم تعداد منو با دستور toggle درست شده است و زمانی بر روی منوی اصلی کلیک می شود زیر منو باز می شود تا اینجا یک زیر منو باز است و اگر بر روی منو دیگر کلیک شود زیر منو آن باز می شود با وجود اینکه بر روی منو دوم کلیک شده و زیر منو دوم بازشده است زیر منو اولی باز است چگونه می توان دستوری نوشت که فقط زیر منویی باز باشد که بر روی منوی آن کلیک شده است و فقط یک زیر منو رانمایش دهد
کد toggle به صورت زیر نوشته شده است

$('#menu1').clik(function(){
$('#m1).toggle();
});
$('#menu2').clik(function(){
$('#m2).toggle();
});

mrgraphy
چهارشنبه 20 اردیبهشت 1391, 14:51 عصر
سلام دوست عزیز.
1.کدی که گذاشتید syntax error داره توی اینجا شما نوشتید $('#m1) درصورتی که باید بنویسید $('#m1') .
یک single cotation جا انداختید.
نکته دیگه اینه که اگر شما بخواید توی منو صدتا گزینه اضافه بکنید باید صد بار این خط کدی رو که نوشتید تکرار کنید و این کار منطقی نیست.
شما میتونید باچند خط با استفاده از تابع each() در جیکوئری کار خدتونو راحت کنید.
اگر خواستید کد کامل html خوتونو هم بزارید تا براتون شکل صحیحش رو بزارم.
موفق باشید.

bitcob589
چهارشنبه 20 اردیبهشت 1391, 15:24 عصر
اگر امکان دارد نحوه نوشتن را با مثالی بنویسید

bitcob589
پنج شنبه 21 اردیبهشت 1391, 10:58 صبح
آیا فقط با دستور تابع each() می توان دستور نوشت نحوه نوشتن را با مثالی بنویسید

bitcob589
چهارشنبه 03 خرداد 1391, 20:22 عصر
با سلام
چگونه می توان یک div را نمایش بدهیم تعداد منو با دستور toggle درست شده است و زمانی بر روی منوی اصلی کلیک می شود زیر منو باز می شود تا اینجا یک زیر منو باز است و اگر بر روی منو دیگر کلیک شود زیر منو آن باز می شود با وجود اینکه بر روی منو دوم کلیک شده و زیر منو دوم بازشده است زیر منو اولی باز است چگونه می توان دستوری نوشت که فقط زیر منویی باز باشد که بر روی منوی آن کلیک شده است و فقط یک زیر منو رانمایش دهد
کد toggle به صورت زیر نوشته شده است

$('#menu1').clik(function(){
$('#m1).toggle();
});
$('#menu2').clik(function(){
$('#m2).toggle();
});


با توجه به توضیحاتی که در پست 1 داده شده است به چه روشهای دیگر می توان توضیحات پست 1 پیاده سازی کرد (به غیر از دستور toggle)


لطفا راهنمایی بفرمایید

exlord
چهارشنبه 03 خرداد 1391, 20:57 عصر
<div class="accordion">
<div class="acc_header">1</div>
<div class="acc_content">11</div>

<div class="acc_header">2</div>
<div class="acc_content">22</div>
</div>


$('.accordion .acc_header').live('click', function () {
$('.acc_content').hide();
$(this).next().toggle();
});

bitcob589
چهارشنبه 03 خرداد 1391, 22:10 عصر
<div class="accordion">
<div class="acc_header">1</div>
<div class="acc_content">11</div>

<div class="acc_header">2</div>
<div class="acc_content">22</div>
</div>


$('.accordion .acc_header').live('click', function () {
$('.acc_content').hide();
$(this).next().toggle();
});

در کدی که در پست قبل نوشته در کد html در یک دیو عدد 1 نوشته شده است اگر بر روی این دیو کلیک شود دیوی که عدد 11 نوشته شده است را نمایش می دهد جی کوئری بر چه اساسی دیو شماره 11 را نمایش می دهد

چگونه در زمانی که صفحه لود می شود فقط دیوهای اصلی فقط نمایش داده شونددیوهای اصلی مثل دیوهای که عدد1و2 در کد html نوشته شده اند

exlord
پنج شنبه 04 خرداد 1391, 06:39 صبح
جی کوئری بر چه اساسی دیو شماره 11 را نمایش می دهد$(this).next()
next یعنی المنت بعد از این

چگونه در زمانی که صفحه لود می شود فقط دیوهای اصلی فقط نمایش داده شونددیوهای اصلی مثل دیوهای که عدد1و2 در کد html نوشته شده اند
.acc_content{display:none;}

bitcob589
پنج شنبه 04 خرداد 1391, 20:43 عصر
$('.accordion .acc_header').live('click', function () {
$('.acc_content').hide();
$(this).next().toggle();
});
کد زیر در کدبالا به چه صورتی نوشته می شود(طرز نوشتن و محل قرار گرفتن کد زیر در کد اصلی )

.acc_content{display:none;}

bitcob589
یک شنبه 07 خرداد 1391, 14:07 عصر
در قسمتی از کد رنگ سبز شده است خطا می دهد (هدف زمانی که صفحه لود می شود فقط دیوهای اصلی فقط نمایش داده شوند)


$(document).ready(function () {
('.acc_content'){display:none;}
$('.accordion .acc_header').live('click', function () {$('.acc_content').hide();$(this).next().toggle(); });
 
});

علت خطا چیست

exlord
یک شنبه 07 خرداد 1391, 17:45 عصر
یعنی درکش اینقدر سخته که بفهمین .acc_content{display:none;} یه کد css هستش و نه js ????:متعجب::عصبانی::عصبانی++: