display block / none
当前为
// ==UserScript==
// @name Hidden list menu wakanim.xyz (https://nekomori.ch player)
// @namespace http://tampermonkey.net/
// @version 0.2.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>
#app > div.header > div.title {
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-4d0ebe75], .link[data-v-4d0ebe75]:hover{
background: #093a03;
}
body {
color: #eee;
background: #000000;
font-family: Roboto, sans-serif;
}
.abc124 {
position: fixed;
bottom: 95%;
left: 3%;
transform: scale(2);
transform-origin: right bottom;
}
.abc121 { color: #29a71a;
position: fixed;
bottom: 95%;
left: 4.8%;
transform: scale(1);
transform-origin: right bottom;
}
.column-right[data-v-4d0ebe75] {
display: none;
margin-left: 24px;
width: 402px;
</style>
<p><label><input type="checkbox" id="checkbox_check" class="abc124">
<span class="abc121">Меню</span></label></p>
`);
$('#checkbox_check').on('click', function () {
if ( $(this).is(':checked') ) {
// checkbox checked
document.body.insertAdjacentHTML(
'beforeend',`
<style>
.column-right[data-v-4d0ebe75] { 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-4d0ebe75] {animation: show 4s; display: none; margin-left: 24px; width: 402px;}
`);
}
})