Hide Show animate with Jquery: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
No edit summary
No edit summary
 
Line 13: Line 13:
   sInhalt =  ""
   sInhalt =  ""
   sInhalt +="<table width='300px'>"
   sInhalt +="<table width='300px'>"
    sInhalt +="</tr><td> <p id='eins'>Bestellen</p></td></tr>"
  sInhalt +="<tr><td> <p id='eins'> Zurück    </p></td></tr>"
   sInhalt +="<tr><td><p id='zwei'>Hauptmenu</center></p></td></tr>"
   sInhalt +="<tr><td> <p id='zwei'> Hauptmenu </p></td></tr>"
   sInhalt +="</tr><td> <p id='drei'>Bestellen</p></td></tr>"
   sInhalt +="<tr><td> <p id='drei'> Bestellen </p></td></tr>"
   sInhalt +="</table>"
   sInhalt +="</table>"
   HTMLview1.innerHTML = sInhalt
   HTMLview1.innerHTML = sInhalt

Latest revision as of 23:23, 20 September 2013

Rem jQuery can also show or hide content by means of animation effects. 
Rem You can tell .show() and .hide() to use animation in a couple of ways. 
Rem One is to pass in an argument of 'slow', 'normal', or 'fast'

Rem If you prefer more direct control over the duration of the animation effect, 
Rem you can pass the desired duration in milliseconds to .show() and .hide():

Sub Main()
  Dim sInhalt
  HTMLview1.innerHTML=""
  sInhalt =  ""
  sInhalt +=""
  sInhalt +=""
  sInhalt +=""
  sInhalt +=""
  sInhalt +="

Zurück

Hauptmenu

Bestellen

" HTMLview1.innerHTML = sInhalt HTMLview1.refresh() End Sub Function Button5_onclick() '$("#eins").toggle( "slow" ); $("#eins").hide("slow"); $("#zwei").hide("slow" ); $("#Button7").hide("slow" ); $("#Button8").hide("fast" ); End Function Function Button6_onclick() $("#eins").show("slow"); $("#zwei").show("slow"); $("#Button7").show("slow"); $("#Button8").show("slow"); $("#drei").animate({height:"toggle",opacity:"toggle"},"slow"); '$("#eins").fadeToggle( 400 ); '$("#eins").slideToggle( 1000 ); End Function