Toggle-show and hide

hello freinds.i using jquery offline in localhost.but these are the codes
index.php

<?php include('config/setup.php');?>

<!DOCTYPE html>
<html>
<head>
<title><?php echo $page['title'].' | '.$site_title; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php include('config/css.php');?>
<?php include('config/js.php');?>

</head>
<body>
<div id="wrap">
<?php include(D_TEMPLATE.'/navigation.php');//main navigation?>

<div class="container">

<h1><?php echo $page['header']; ?></h1>

<?php echo $page['body_formatted']; ?>

<?php if(isset($_GET['debug'])==1){?>
<pre>
<?php print_r($page); ?>
</pre>
<?php }?>
</div>

</div><!-- End wrap -->
<?php include(D_TEMPLATE.'/footer.php');//footer page?>

<div id="console-debug">
test debug window	
</div>


</body>
</html>

and
js.php

<?php
//javascript:


?>

<!-- jquery -->

<script src="jquery-1.11.1.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

<!-- jquery ui -->
<script src="jquery-ui.min.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<!--Latest compiled and minified javascript ->
<script src="bootstrap-3.0.0/js/bootstrap.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

<script>
$(document).ready(function() {

$("#console-debug").hide();

$("#btn-debug").click(function(){

$("console-debug").toggle();

});


});

</script>

have i made any mistakes?
but these codes dont run js.php.
can you please helpe me?

Hi,

Welcome to the forums :slight_smile:

When you say “don’t run” what exactly is the problem you are having?

Hi,

Try viewing opening with Firefox and viewing the source. Click on the javascript files and you should be able to see the javasript source.

The script is also trying to load the jquery files twice? Only one occurrence is required.