تغییر ارتفاع یک پنل asp پس از true شدن ویژگی visible آن پنل

[b.i.r.i.y.a]

سلام دوستان. در یک صفحه ی وب ، یک پنل دارم که بصورت پیشفرض کد زیر برای اون تنظیم شده:
visible=false
قراره وقتی که روی یک دکمه ی خاص کلیک میشه ، پنل مورد نظر نمایان بشه. (تا اینجا مشکلی نیست و این اتفاق هم می افته)
من میخوام بلافاصله پس از نمایان شدن پنل، ارتفاع پنل به یک اندازه ی خاص تغییر کنه.
درواقع میخوام یک style خاص از یک div رو تغییر بدم زمانی که فلان style اون تغییر میکنه.
سعی کردم با جاوااسکریپت این کارو انجام بدم اما موفق نشدم http://s.7learn.com/themes/7L/images/smilies/frownie.png
لطفا کمک کنید.

[malloc]

ServicerSideControl.Attributes.Add("style","height:100px");

[keiv@n]

https://jsfiddle.net/4dx3op89/5/

[b.i.r.i.y.a]

https://jsfiddle.net/4dx3op89/5/

کیوان جان از راهنماییت واقعا سپاسگزارم،
خیلی جالب بود.
اما حالا من چطور این رویداد رو در رویداد انتخاب یک سطر در گرید ویو صدا بزنم؟
ببینید من میخوام وقتی یک سطر در گرید ویو انتخاب میشه یه پنل حاوی جزییات اون سطر زیر گرید ویو نمایش داده بشه. الان همینطور میشه ولی بصورت یک دفعه کل پنل ظاهر میشه، اما من میخوام دقیقا شبیه اینی بشه که شما انجام دادید. در حالت پیشفرض تا زمانی که کاربر هنوز روی دکمه ی انتخاب هیچ سطری کلیک نکرده پنلی هم وجود نداره (هست اما مخفیه) و در صفحه فقط گرید ویو وجود داره. اما وقتی روی انتخاب یکی از سطرها کلیک میکنه اون پنل، اول visible میشه و بعدش باید ارتفاعش بصورت auto تنظیم بشه و یا مثلا بشه 300px

امیدوارم منظورمو رسونده باشم.

نظرتون چیه؟ راهکارش چیه استاد؟

[keiv@n]

کامپوننت های ای اس پی دات نت در سمت کلاینت (خروجی) به صورت اچ تی ام ال رندر خواهند شد با بدست آوردن تگ اچ تی ام ال (کلید f12) گرید ویو ، کدهای جی کوئری لازم رو بنویسید
نمونه : https://jsfiddle.net/4dx3op89/9/

[b.i.r.i.y.a]

ServicerSideControl.Attributes.Add("style","height:100px");


این کد رو قبلا تست کرده بودم. متأسفانه جواب نمیده دوست عزیز

[b.i.r.i.y.a]

کامپوننت های ای اس پی دات نت در سمت کلاینت (خروجی) به صورت اچ تی ام ال رندر خواهند شد با بدست آوردن تگ اچ تی ام ال (کلید f12) گرید ویو ، کدهای جی کوئری لازم رو بنویسید
نمونه : https://jsfiddle.net/4dx3op89/9/

این کدی که شما نوشتید برای کلیک روی کل سطره، درسته؟
عکس پایین رو ملاحظه بفرمایید لطفا:

134650

من میخوام فقط وقتی روی دکمه ی انتخاب کلیک میشه اون اتفاق بیفته (panel1 نمایان بشه و ارتفاعش مثلا بشه 300px)

بنظرم روش شما جواب میده. ولی ظاهرا من متوجه نشدم.
لطفا اگه ممکنه بیشتر توضیح بدید.

درضمن توی inspect element برای دکمه ی انتخاب اینو نوشته:



<a href="javascript:__doPostBack('ctl00$section_cph$GridVie w1','Select$0')">انتخاب</a>

[b.i.r.i.y.a]

فکر کنم متوجه شدم.
ببینید من یک کلاس css برای دکمه ی "انتخاب" تعیین کردم و اسمش رو گذاشتم SelectBtn و کد شمارو به این صورت تغییر دادم:





$(function () {
$(".SelectBtn").click(function () {
Btn1Clicked();
});
});
...
...
...
.
.
.





حالا مشکلی که هست وقتی کلیک میکنم یه لحظه انگار عملیات میخواد انجام بشه، ولی سریع متوقف میشه.
خلاصه کار نمیکنه :گریه:

[b.i.r.i.y.a]

کسی نظری نداره؟

بچه ها کارم لنگ همینه، لطف راهنمایی کنید :گریه: