hide show a image in jquery

Question

How to show hide the image on clicking the hyperlink    lt script gt  function getresource id        if id  4                 show image            else if id  5                   hide image              lt  script gt   lt a href     onclick  javascript getresource  4     gt Bandwidth lt  a gt   lt a href     onclick  javascript getresource  5     gt Upload lt  a gt   lt p align  center  gt      lt img id  img3  src   media img close png  style  visibility  hidden     gt     lt img id  img4  src   media img close png  style  visibility  hidden     gt   lt  p gt

User · Answer

With image class name       img class   hide       to hide image     img class   show       to show image   With image Id        img id   hide       to hide image     img id   show       to show image

User · Answer

If you re trying to hide upload img and show bandwidth img on bandwidth click and viceversa this would work   lt script gt       function show img id                if id   bandwidth                            upload   hide                   bandwith   show                      else if id   upload                             upload   show                    bandwith   hide                  return false               lt  script gt       lt a href     onclick  javascript show img  bandwidth     gt Bandwidth lt  a gt       lt a href     onclick  javascript show img  upload     gt Upload lt  a gt       lt p align  center  gt          lt img src   media img close png  style  visibility  hidden   id  bandwidth   gt         lt img src   media img close png  style  visibility  hidden   id  upload   gt       lt  p gt

User · Answer

I know this is an older post but it may be useful for those who are looking to show a  NET server side image using jQuery    You have to use a slightly different logic   So       lt   myServerimg ClientID     show   will not work if you hid the image using myServerimg visible   false   Instead  use the following on server side   myServerimg Style Add  display    none

User · Answer

lt script gt  function show image id        if id    band                    upload   hide               bandwith   show              else if id    up                     upload   show                bandwith   hide              lt  script gt    lt a href     onclick  javascript show image  bandwidth     gt Bandwidth lt  a gt   lt a href     onclick  javascript show image  upload     gt Upload lt  a gt    lt img src  img im png  id  band  style  visibility  hidden     gt   lt img src  img im1 png  id  up  style  visibility  hidden     gt

User · Answer

What image do you want to hide  Assuming all images  the following should work      img   hide      Otherwise  using selectors  you could find all images that are child elements of the containing div  and hide those   However  i strongly recommend you read the Jquery docs  you could have figured it out yourself  http   docs jquery com Main Page

User · Answer

Use the  css   jQuery manipulators  or better yet just call  show    hide   on the image once you ve obtained a handle to it  e g      img    id     BTW  you should not write javascript handlers with the  javascript   prefix

User · Answer

I had to do something like this just now  I ended up doing   function newWaitImg id        var img             id    id          state     on           hide    function                   this id  hide               this state    off                     show    function                   this id  show               this state    on                     toggle    function                 if  this state     on                    this hide                 else                  this show                                            var waitImg   newWaitImg   myImg          waitImg hide      waitImg show      waitImg toggle

[jquery] hide/show a image in jquery

Examples related to jquery

Examples related to jquery-selectors