JQuery ломает CSS стили
Есть проблема с тем, что при подключении файлов JQuery в мой Django проект ломаются все стили на странице, к которой подключаются, до подключения всё работает корректно. Я новичок и скорее всего просто чего-то не понимаю, сразу скажу что знаю про collectstatic и все те вещи которые нужно делать со статическими файлами, ибо стили работают нормально до подключения скрипта и в файле settings.py все пути указаны верно.
JQuery
код скрипта довольно простой и служит по большей части чисто для адаптивного меню, и скрытия некоторых тегов html по нажатию.
$(document).ready(function() {
// Менюшка и появляющиеся категории
$('.nav_show_btn').click(function() {
let display = $('.nav_show_links').css('display')
if (display == 'none') {
$('.nav_show_links').slideDown('100')
} else {
$('.nav_show_links').slideUp('100')
}
})
$('.category_btn').click(function() {
let display = $('.categorys_container').css('display')
if (display == 'none') {
$('.categorys_container').slideDown('100')
$('.category_btn').addClass('active')
} else {
$('.categorys_container').slideUp('100')
$('.category_btn').removeClass('active')
}
})
// Профиль и его меню
{
let active;
$('#main_inf_user').click(function() {
if (active != 'off' | active == undefined) {
active = 'on'
$('#main_inf_user').addClass('profile_active_menu')
$('.profile_main_content').css('display', 'inline-block')
$('.profile_about_me').css('display', 'none')
$('.profile_posts').css('display', 'none')
$('#posts_user').removeClass('profile_active_menu')
$('#about_user').removeClass('profile_active_menu')
} else if (active == 'on') {
active = 'ref'
$('#main_inf_user').removeClass('profile_active_menu')
}
})
$('#about_user').click(function() {
if (active != 'off' | active == undefined) {
active = 'on'
$('#about_user').addClass('profile_active_menu')
$('.profile_about_me').css('display', 'inline-block')
$('.profile_main_content').css('display', 'none')
$('.profile_posts').css('display', 'none')
$('#posts_user').removeClass('profile_active_menu')
$('#main_inf_user').removeClass('profile_active_menu')
} else if (active == 'on') {
active = 'ref'
$('#about_user').removeClass('profile_active_menu')
}
})
$('#posts_user').click(function() {
if (active != 'off' | active == undefined) {
active = 'on'
$('#posts_user').addClass('profile_active_menu')
$('.profile_posts').css('display', 'inline-block')
$('.profile_about_me').css('display', 'none')
$('.profile_main_content').css('display', 'none')
$('#about_user').removeClass('profile_active_menu')
$('#main_inf_user').removeClass('profile_active_menu')
} else if (active == 'on') {
active = 'ref'
$('#posts_user').removeClass('profile_active_menu')
}
})
}
})
подключение в шаблоне Django
<script src="{% static 'jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'jquery.js' %}"></script>
а так же стили
<link rel="stylesheet" type="text/css" href="{% static 'style_standart.css' %}">
расположение статических файлов они находятся в корневой папке проекта, в моём случае это /blog/static
если нужно будет больше информации по поводу всего я с заинтересованностью отредактирую пост или отвечу в комментарии, действительно не понимаю из за чего это может быть и до конца не знаю какую именно информацию*, в плане кода,* написать в посте, заранее спасибо.