2N/A<ul id="demo">

2N/A <li>lorem</li>

2N/A <li>ipsum</li>

2N/A <li>dolor</li>

2N/A <li>sit</li>

2N/A</ul>

2N/A

2N/A<ul id="demo2">

2N/A <li>foo</li>

2N/A <li>bar</li>

2N/A</ul>

2N/A

2N/A<script type="text/javascript">

2N/AYUI().use('node', function(Y) {

2N/A var onClick = function(e) {

2N/A var item = e.currentTarget,

2N/A list2 = Y.one('#demo2');

2N/A

2N/A if (item.get('parentNode') === list2) { // remove if list2

2N/A item.remove(); // sugar for item.get('parentNode').removeChild(item);

2N/A

2N/A if (list2.all('li').size() < 1) { // hide the list if its empty

2N/A list2.hide();

2N/A }

2N/A } else {

2N/A if (list2.getStyle('display') === 'none') {

2N/A list2.show();

2N/A }

2N/A

2N/A list2.append(item.cloneNode(true));

2N/A }

2N/A

2N/A };

2N/A

2N/A Y.one('#demo').delegate('click', onClick, 'li');

2N/A Y.one('#demo2').delegate('click', onClick, 'li');

2N/A});

2N/A</script>

2N/A