☰

Hidden list menu wakanim.xyz (https://nekomori.ch player)

Скрытие списка серий

// ==UserScript==
// @name        Hidden  list menu  wakanim.xyz (https://nekomori.ch player)
// @namespace    http://tampermonkey.net/
// @version      0.3.3.2
// @description Скрытие списка серий
// @author       Pin240
// @match       https://wakanim.xyz/cdn/*
// @require  https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant    GM_addStyle
// @compatible   chrome Only with Tampermonkey or Violentmonkey. Только с Tampermonkey или Violentmonkey.
// @compatible   Kiwi (for Android 10)  Violentmonkey.
// @compatible   opera Only with Violentmonkey. Только с Violentmonkey.
// @run-at document-end
// ==/UserScript==
(function(){
  'use strict';

document.body.insertAdjacentHTML('beforeend', `
<style>

  .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-1da8da1a], .link:hover[data-v-1da8da1a]{
                            background: #093a03;
                           }
body {

    color: #eee;
    background: #000000;
    font-family: Roboto, sans-serif;
      }


}
  
  .columns[data-v-02fe5020]{flex-direction: column;
    align-items: inherit;
    padding: 0;
     left: 3%;}

     
}
  @media only screen and (max-width: 780px){
                .columns{
                          flex-direction: column;
                          align-items: center;
                          padding: 0;
                        } 
                .abc125 {
  
            z-index: 10;
            color: #de6108;
            position: absolute;
            bottom: 98vh;
            left: 2em;
            
                      }
                 body{transform: scale(0.9);}
                                              }
  @media only screen and (max-width: 1669px){
.iframe-holder[data-v-dfdd5e74] {
    width: 100%;
}
  }
.iframe-holder[data-v-02fe5020] {
    width: 92%;
  
}
                                           
                                            
                                            
.column-right{display: none;}


  .column-left[data-v-02fe5020] {
    flex-flow: column; 
    width: 92%;
  
}
  
.column-left{
             flex-flow: column;
            }
.header[data-v-36d16126] {
    background: #202020;
    max-height: 56px;
    justify-content: space-between;
    position: absolute;
    width: 100vw;
    top: 0;
    z-index: 9;
}
   .iframe-holder {
                    width: 100%;
                  }
.buttons{
         display: inline-flex;
         
        }
.checkbox-green .checkbox-green-switch {
    bottom: 95vh;
    z-index: 140;
    position: absolute;
	display: inline-block;	
	height: 28px;
	width: 90px;
	box-sizing: border-box;
	border-radius: 2px;
	background: #848484;
	transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
}
.checkbox-green .checkbox-green-switch:before {
  bottom: 99em;
    z-index: 140;
    position: absolute;
	content: attr(data-label-on);
	display: inline-block;
	box-sizing: border-box;		
	width: 45px;	
	padding: 0 12px;	
	position: absolute;
	top: 0;
	left: 45px;	
	text-transform: uppercase;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	font-size: 10px;
	line-height: 28px;
}
.checkbox-green .checkbox-green-switch:after {
  
	content: attr(data-label-off);
	display: inline-block;
	box-sizing: border-box;	
	width: 44px;	
	border-radius: 1px;	
	position: absolute;
	top: 1px;
	left: 1px;	
	z-index: 5;
	text-transform: uppercase;
	text-align: center;
	background: white;
	line-height: 26px;
	font-size: 10px;
	color: #777;	
	transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
}
.checkbox-green input[type="checkbox"] {
	display: block;	
	width: 0;
	height: 0;	
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch {
	background-color: #70c767;
}
.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch:before {
	content: attr(data-label-off);
	left: 0;
}
.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch:after {
	content: attr(data-label-on);
	color: #4fb743;
	transform: translate3d(44px, 0, 0);
}


</style>

<p><label class="checkbox-green">
		<input type="checkbox" class="ch">
		<span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span>
	</label>
 </p>

	
                                      `);
//изменение чека 
$(window).keyup(function(e){
	var target = $('.checkbox-green input:focus');
	if (e.keyCode == 9 && $(target).length){
		$(target).parent().addClass('focused');
	}
});

$('.checkbox-green input').focusout(function(){
	$(this).parent().removeClass('focused');
  
}); 
  
  

   //проверка состояния
const checkbox = document.querySelector('.ch');
checkbox.addEventListener('change', function () {
    if ( this.checked ) {
        $( '.column-right' ).fadeIn( "slow" );
       
    } else $('.column-right').hide( "slow" );
})

  })();