Question

Code required to append list (anotherList) to item (id -= l1) of second list (id= myList-toggle) but it should remove it after another click. But the remove is not working as expected. Some help in this regard expected.

 $('a#myList-toggle').click(function () {

                list.slice(0, counter()).slideToggle();

                 return false;

            });

            $('a#l1').click(function () {


                $('#l1').append($('#anotherList'));
               function () {
                   $('#al1').remove();
                };
                $('#anotherList').show();
                return false;

            });

        });



    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
        <div>
        <a href="#" id="myList-toggle">GO Now!!!!!!!</a></div>
    <ul id="myList" style="margin-bottom: 0px">
        <li><a href="#" id="l1">item1</a></li>
        <li><a href="#" id="l4">item2</a></li>
        <li><a href="#" id="l5">item3</a></li>
        <li><a href="#" id="l6">item4</a></li>
        <li><a href="#" id="A1">item5</a></li>
        <li><a href="#" id="A2">item6</a></li>
        <li><a href="#" id="A3">item7</a></li>
        <li><a href="#" id="A4">item8</a></li>
    </ul>
    <ul id="anotherList">
        <li class="al1">Item</li>
        <li class="al1">Item</li>
        <li class="al1">Item</li>
        <li class="al1">Item</li>
    </ul>
</asp:Content>

Kindly tell if there is any other simple way to append and remove the list.

Answer 1

Try changing $('#al1').remove(); to $('.al1').remove();

Also, whats with the function() { before remove?

I think its not necessary.

EDIT:

try this link: http://jsfiddle.net/9dVXg/

I think that’s what you want to happen.