cycle و slideToggle با هم؟

[dalia2006]

کد زیر درست کار میکنە و سە DIV داریم کە هر کدوم رو با کلیک باز میکنە و میبندە
ولی من میخوام بجز کلیک کردن، خودش هم یکی یکی DIVها رو باز و بستە بکنە
ممنوم میشم منو راهنمایی بکنید


$(document).ready(function () {

$("DIV.Accordion > DIV.collapsePanelHeader").click(function () {

$(this).next("DIV.Content").slideToggle("slow");

$("DIV.Accordion > DIV.Content").not($(this).next("DIV.Content")).slideUp("slow");

});

});

[mehdi.mousavi]

کد زیر درست کار میکنە و سە DIV داریم کە هر کدوم رو با کلیک باز میکنە و میبندە ولی من میخوام بجز کلیک کردن، خودش هم یکی یکی DIVها رو باز و بستە بکنە ممنوم میشم منو راهنمایی بکنید

سلام.
منظورتون از خودش چیه؟ یعنی بدون Click کردن این اتفاق بیفته؟ اگر اینطوره، کافیه تا یک Timer داشته باشید و در Expiry Handler اون Timer، عملیات مورد نظر رو انجام بدید.

موفق باشید.

پاورقی: در حقیقت کد رو باید طوری بنویسید که در expiry handler همون event ها رو trigger کنید. در صورت تمایل HTML/CSS ساده شده خودتون رو اینجا قرار بدید، تا بتونم دقیق تر پاسخ بدم.

[dalia2006]

شرمندە، معلومات من در مورد جی کویری خیلی کمە و این کد هم از اینترنت پیدا کردم
سە div داریم کە زیادترین خبرهای خواندە شدە امروز و هفتە و ماە رو نشون میدم
ممنون از پاسخ گویی

کد CSS:


<style type="text/css">

/*CollapsiblePanel*/

.collapsePanelHeader

{

width:402px;

height:30px;

background-image: url(images/bg-menu-main.png);

background-repeat:repeat-x;

color:#000000;

font-weight:bold;

cursor:hand;

cursor:pointer;

}

.HeaderContent

{

float:left;

padding-left:5px;

}

.Content

{

width:400px;

border:1px;

border-color:#1052a0;

border-style:double;

}

</style>


کد Asp.net:

<div class="Accordion">
<div id="header" class="collapsePanelHeader">
<div id="dvHeaderText" class="HeaderContent">
امروز</div>
</div>
<div id="dvASPNET" class="Content" style="display: none">
<!-- Your Content goes here -->
<asp:DataList ID="DataList1" runat="server" DataKeyField="nid"
DataSourceID="DySqlDataSource">
<ItemTemplate>
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("nid","~/news.aspx?nid={0}") %>'>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("title") %>' />
</asp:HyperLink></ItemTemplate></asp:DataList>
</div>
<br />
<div id="Div2" class="collapsePanelHeader">
<div id="Div3" class="HeaderContent">
هفتە</div>
</div>
<div id="dvCSharp" class="Content" style="display: none">
<!-- Your Content goes here -->
<asp:DataList ID="DataList2" runat="server" DataKeyField="nid"
DataSourceID="WeekSqlDataSource">
<ItemTemplate>
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("nid","~/news.aspx?nid={0}") %>'>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("title") %>' />
</asp:HyperLink></ItemTemplate></asp:DataList>
</div>
<br />
<div id="Div7" class="collapsePanelHeader">
<div id="Div8" class="HeaderContent">
ماه</div>
</div>
<div id="dvjQuery" class="Content" style="display: none">
<!-- Your Content goes here -->
<asp:DataList ID="DataList3" runat="server" DataKeyField="nid"
DataSourceID="MonthSqlDataSource">
<ItemTemplate>
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("nid","~/news.aspx?nid={0}") %>'>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("title") %>' />
</asp:HyperLink></ItemTemplate></asp:DataList>
</div>
</div>

[salehi186]

سلام
با توجه به اينکه ميگيد زياد وارد نيستيد پيشنهاد ميکنم از پلاگين هاي آماده استفاده کنيد. هم اينکه استفاده از اونها راحتتره و ديگه اينکه خيلي از مواردي که ممکنه بعدا بهش برخورد کني رو رعايت کرده.
به طور مثال ميتوني از لينک (http://css-tricks.com/3412-anythingslider-jquery-plugin/)زير استفاده کني
http://css-tricks.com/3412-anythingslider-jquery-plugin/

داخل سايتش اطلاعات کامل وجامع و چگونگي استفاده از اون وجود داره.


البته اگه هنوز اصرار به استفاده از کد قبليت داري ميتوني با يک تايمر همونطور که مهدي گفت استفاده کني.

[dalia2006]

دەستتون درد نکنە ولی مشکل من اینە تازە دارم با jquery آشنا میشم و نمیتونم با کدها وربرم



اگە لطف کنید و طریقە نوشتن و استفادە کردن این تایمر رو بهم بگید کە ممنون میشم

[dalia2006]

http://barnamenevis.org/images/smilies/yahoo/121.gif کمک