Question

Hohow to hide a ul on button click in php
?>

                            <li style='width:115px;margin-left:7px;word-wrap:break-word;'><?php echo  $row['title'];?></li>
                            <li style='width:90px;margin-left:7px;word-wrap:break-word;'><?php echo  $row['status'];?></li>                    
                            <li style='width:80px;margin-left:7px;word-wrap:break-word;'><?php echo  $row['added_date'];?></li>
                            <li style="width:40px;text-align:left;margin-left:5px;"><a href="<?php echo $url;?>?p=<?php echo $currentPage;?>&show=1&guest_id=<?php echo $guestId;?>&enquiry_id=<?php echo $enquiry_id;?>&pid=<?php echo $proposalId;?>"  style="text-decoration:none;" >Edit</a></li> 
                        <li style="width:70px;text-align:left;"><a id="link" name="link" href="addguestinformation.php?enq=<?php echo $row['enq_id'];?>&pid=<?php echo $proposalId; ?>"  style="text-decoration:none;" >Booking</a></li> 
                            <!--<li style="width:70px;text-align:left;"><button id="bookingconfirm" name="bookingconfirm" class="button" type="button" onclick="bookingForm(<?php //echo $row['enq_id']?>);">Booking</button>-->


                          </ul>

Answer 1

using jQuery you can hide Element UL

    $('ul').on('click',function(){
            this.fadeout('slow');//when you click on Ul this will hide Ul
    });

        to hide UL with attribute Id use

     $('#hide').on('click',function(){
            this.fadeOut('slow');

    });