display block / none
当前为
// ==UserScript==
// @name Hidden list menu wakanim.xyz (https://nekomori.ch player)
// @namespace http://tampermonkey.net/
// @version 0.2.4.1
// @description display block / none
// @author Pin240
// @match https://wakanim.xyz/cdn/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant GM_addStyle
// ==/UserScript==
document.body.insertAdjacentHTML('beforeend', `
<style>
.title[data-v-3e4544f1]{
color: #000;
font-family: Roboto, sans-serif;
margin: 0;
display: flex;
visibility: hidden;
padding: 18px 14px 18px 16px;
font-weight: lighter;
}
.link.selected[data-v-995ce4f2], .link[data-v-995ce4f2]:hover{
background: #093a03;
}
body {
color: #eee;
background: #000000;
font-family: Roboto, sans-serif;
}
.abc124 { position: absolute;
z-index: 100;
bottom: 95%;
left: 3%;
transform: scale(2);
transform-origin: right bottom;
}
.abc121 { z-index: 100;
color: #29a71a;
position: absolute;
bottom: 95%;
left: 4.8%;
transform: scale(1);
transform-origin: right bottom;
}
.column-right[data-v-995ce4f2] {
display: none;
margin-left: 24px;
width: 402px;
.header[data-v-3e4544f1] {
background: #202020;
max-height: 56px;
justify-content: space-between;
position: fixed;
width: 100vw;
top: 0;
z-index: 1;
</style>
<head><p><label><input type="checkbox" id="checkbox_check" class="abc124">
<span class="abc121">Меню</span></label></p><head>
`);
$('#checkbox_check').on('click', function() {
if ($(this).is(':checked')) {
// checkbox checked
document.body.insertAdjacentHTML('beforeend', `
<style>
.column-right[data-v-995ce4f2] { animation: show 4s;
display: block;
margin-left: 24px;
width: 402px;}
@keyframes show {
from {opacity: 0;} to {opacity: 1;} }
`);
} else {
// checkbox unchecked
document.body.insertAdjacentHTML('beforeend', `
<style>
.column-right[data-v-995ce4f2] {
animation: show 4s;
display: none;
margin-left: 24px;
width: 402px;
}
`);
}
})