Hi all,
As I said, sorry to bother you but hope someone can help, I've got two bits of code and they're not playing nicely together. The first is part of a mobile friendly burger dropdown:
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction(Nav) {
var x = document.getElementById("Nav");
if (x.className.indexOf(" w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
The second is linked to a w3 search facility(table):
<script>
function myFunction() {
var input, filter, table, tr, td, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
</script>
The second interferes with the first and I wonder how I can tweak it and the associated html so it plays nicely. I've tried changing a few bits, like an amateur would, but with no joy.
Thanks in advance.
Chris