nadiam 0 Posting Pro in Training

hey guys, so ive been using datatables v1.9 recently, and found one of its new plugins ColVis. I added the function to me webpage but its messing up my page.

When i click on the 'Show/Hide Column' button (first time) the drop down appears and I am able to show/hise my column and when i click it a second time the drop down disappears like it should but then(after the second click) the other elements on my page just stops functioning(e.g anchor tag,button) even the show/hide button itself can't be clicked.

I didn't even play around with ColVis.js or ColVis.css

<link rel="stylesheet" type="text/css" href="css/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/dataTables.tableTools.css" media="all">
    <link rel="stylesheet" type="text/css"src="css/jquery.dataTables.css" media="all">
    <link rel="stylesheet" type="text/css"src="css/ColVis.css" media="all">
    <script type="text/javascript" src="js/jquery-ui-1.10.4.custom.js"></script><!--jquery ui-->
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script><!--jquery-->
    <script type="text/javascript" src="js/jquery.dataTables 1.9.js"></script>
    <script type="text/javascript" src="js/dataTables.tableTools.js"></script>
<script type="text/javascript" src="js/ColVis.js"></script>

<script type="text/javascript">  
            $(document).ready(function() 
            {   
                //initialise the table
                var oTable=$("#contactlist").dataTable( 
                {
                    "sScrollY": "200px",
                    "bPaginate": false,
                    "bScrollCollapse": true,
                    "sDom": 'C<"clear">lfrtip',
                    "oColvis":{
                        "aiExclude":[0]
                    }
                });
            });
    </script>

Help please?