javascript - jQuery Show/Hide Question -
I'm just trying to prepare a very simple jQuery action.
 I have two components:  # security  and  # security-tab one , hidden on  # security  should go. When a link is clicked in  #Sit-tab , then it will be  hide  and  slideUp  to be  #safety  . 
 This works, but the  #safety  box just does not show Flickr when clicking: 
  $ (document). $ ("(Security") {$ ("security-tab A"). (Function () {$ (this) .hide (); $ ("# security"). RemoveClass ("hide");} );});   This is the markup:
     Any thoughts that I am doing wrong?
 add  return false;  or  event.preventDefault ()  on your click handler Click <$> $ {$ (this) .hide (); $ (" #Security "). RemoveClass (" hide "); event.preventDefault ();});});   
 This  & lt; A & gt;  prevents the default behavior of the element, which is reloading the page. Event Bubble will be preserved by using event.preventDefault ()  which is sometimes necessary. 
  return false;  Default behavior, but this will also prevent bubbling. 
Comments
Post a Comment