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

Popular posts from this blog

Eclipse CDT variable colors in editor -

AJAX doesn't send POST query -

wpf - Custom Message Box Advice -