Cursor filter conflict and collapsible filter

-- url of the page with the problem -- : 185.25.22.156/petshop.gr/index.php/skylos/trofes-skyloy
-- HikaShop version -- : 2.6.2
-- Joomla version -- : 3.4.8

Hello.
I have two questions:
1) Cursor filter is not displayed on the following link:
185.25.22.156/petshop.gr/index.php/skylos/trofes-skyloy

My template is custom made and includes JQuery 1.11.3 and Bootstrap 3.3.5.

I think it is some kind of JQuery conflicts because when I remove JQuery and Bootstrap from template the cursor filter is displayed.

How to include JQuery and Bootstrap 3 in my index.php without conflict with Hikashop or what do you suggest in order to avoid conflicts?

2) How can I make my filter area collapsible like the collapsible button I have in the previous link.

P.S. Attached screenshots with and without JQuery and Bootstrap addition in my index.php

Thank you nicolas.
Finally I solved it but adding JQuery into noConflict mode:

In my index.php template page after JQuery and Bootstrap reference I insert JQuery noConflict.
My index.php looks like this:

<!-- JQuery --><script src=" ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js "></script>
<!-- Main Bootstrap Javascript --><script src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/bootstrap-3-3-5.min.js" type="text/javascript"></script>
<!-- Put jQuery 1.11.3 into noConflict mode. Refer to $jq1 instead of $ -->
<script>
var $jq1 = jQuery.noConflict(true);
</script>

Then on the product category page I insert the JQuery script as follow:

$jq1(document).ready(function(){
$jq1('#subcategory').on('hidden.bs.collapse', function () {
$jq1(".btn-arrow").html('Μάθε περισσότερα <span class="glyphicon glyphicon-chevron-down"></span>');
//$jq1(".glyphicon").removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
});

$jq1('#subcategory').on('shown.bs.collapse', function () {
$jq1(".btn-arrow").html('Δες λιγότερα <span class="glyphicon glyphicon-chevron-up"></span>');
//$jq1(".glyphicon").removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
});
});
</script>