jquery-click-event

I've got a problem with disabling and re-enabling click events on links. The setup is 4 columns in a row, each column containing a link and hidden content box. When you click a link, it expands the row and displays content box specific to that column. Once a link is clicked and the row expanded, all of the other links are then faded out. You would then re-click the open link to close the row and un-fade the other links. I've setup a working fiddle of this scenario which should help explain it... http://jsfiddle.net/r8K78/2/ $('.open-box').click(function(event) { event.preventDefault(); var

I would like to move some html elements from one container to another endlessly using jQuery append function but, the click event won't fire no more when I click on the element/s that have been appended. Based on some threads similar to mine I found out that appended elements are stripped off of their event listeners. How can I avoid that, can someone show a solution ? Here is the: Fiddle $('section.container-A div.elem').click(function() { $('section.container-B').append(this) ; }) ; $('section.container-B div.elem').click(function() { $('section.container-A').append(this) ; }) ; It will work