show/hide asp panel at server RSS

• • Reply
  

  troika

  Member

  22 Points

  230 Posts

  show/hide asp panel at server

  Feb 16, 2013 03:15 PM|LINK

  how to show/hide a asp panel with is running at server with jquery,

  also jquery is loaded from masterpage

  need with bounce effect do i need to load jquery ui also?

  • Edited by troika on Feb 16, 2013 03:16 PM
• • Reply
  

  Xequence

  Contributor

  4508 Points

  1578 Posts

  Re: show/hide asp panel at server

  Feb 16, 2013 05:11 PM|LINK

  ya like this. 

  $(function(){

  //dom loaded 

  // fade in

  http://api.jquery.com/fadeIn/

  // do bounce effect

  http://docs.jquery.com/UI/Effects/Bounce

  // maybe use .animate and achieve both at same time

  });

  Mysite
  Credentials
• • Reply
  

  Nilu87

  Member

  166 Points

  29 Posts

  Re: show/hide asp panel at server

  Feb 16, 2013 05:21 PM|LINK

  put your panel into another panel which is running at client side and do your stuff( hide/show)  with that panel

• • Reply
  

  troika

  Member

  22 Points

  230 Posts

  Re: show/hide asp panel at server

  Feb 16, 2013 09:44 PM|LINK

  could give an example

• • Reply
  

  Xequence

  Contributor

  4508 Points

  1578 Posts

  Re: show/hide asp panel at server

  Feb 17, 2013 02:02 AM|LINK

  troika

  could give an example

  http://msdn.microsoft.com/en-us/magazine/dd722809.aspx

  if not this link than use the links i sent before and prepare to learn jquery

  Mysite
  Credentials
  • Edited by xequence on Feb 17, 2013 02:03 AM
  • Edited by xequence on Feb 17, 2013 02:04 AM
• • Reply
  

  troika

  Member

  22 Points

  230 Posts

  Re: show/hide asp panel at server

  Feb 18, 2013 01:24 PM|LINK

  i found this code but its not working , i'm loading jquery on masterpager with scriptmanager

  <script type="text/javascript">
  
      if ($(this).parent().find('input:checked').length > 0) {
          $(this).find('.switch').attr('state', 'on');
          $('#<%= Panel1.ClientID %>').show('slow');
          e.preventDefault();
  
      } else {
          $(this).find('.switch').attr('state', 'off');
          $('#<%= Panel1.ClientID %>').hide('slow');
          e.preventDefault();
      }
  </script> 

  • Edited by troika on Feb 18, 2013 01:25 PM
  • Edited by troika on Feb 18, 2013 01:56 PM
• • Reply
  

  troika

  Member

  22 Points

  230 Posts

  Re: show/hide asp panel at server

  Mar 05, 2013 09:05 PM|LINK

  someone would like to help me on this i need to show and hide the panel with bounce effect and according if checkbox is selected or not