html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="it">
<head>
<!-- Metatags -->
<meta charset="UTF-8">
<meta http-equiv= "X-UA-Compatible" content = "IE=edge">
<meta name = "viewport" content="width=device-width, initial-scale=1">
<!-- Title -->
<title> PDF Resources </title>
<!-- Style -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<div class="accordion">
<div class="accordion_as">
<h4 class = "accordion-toggle" id = "toggle-as"> Assembly </h4>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/* General */
body { font-size: 62.5%; background: #555;}
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
a { color:#1DD2E2; text-decoration: none; font-weight: bold; }
a:hover {text-decoration: underline;}
/* Accordion */
.accordion { background-color: #7DFF8C; max-width: 500px; margin: 50px auto; font-family: 'Lucida Sans' arial, sans-serif; }
.accordion-toggle { cursor: pointer; text-align: center; padding: 10px; font-size: 2.5em; border-bottom: 1px solid rgba(100,100,100,0.7); -webkit-transition: background-color 0.5s, ease; -moz-transition: background-color 0.5s, ease; -o-transition: background-color 0.5s, ease; -ms-transition: background-color 0.5s, ease; transition: background-color 0.5s, ease; }
/* Toggle Effect */
.accordion-description { padding: 0 20px; font-size: 2em; background-color: #444; max-height: 0; overflow: hidden; transition: all 0.1s ease; opacity: 0; }
.accordion-description.open { padding: 20px; max-height: 400px; opacity: 1; overflow-y: scroll; }
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/********** OTHER RESOURCES **********/
// More free books are available here:
// ebook-dl.com
// Thanks to @Ram Chandra Giri
// Do you want to be a Game Developer?
// Check out this thread:
// https://www.sololearn.com/Discuss/448721/?ref=app
// Thanks to @Karl T.
// Some PDFs
// https://www.sololearn.com/Discuss/510275/?ref=app
// Thanks to @akash
/************************************/
function toggle (el, op) {
$(el).click(function(){
$(op).toggleClass('open');
});
}
$(document).ready(function(){
toggle( $('#toggle-c'), $('#desc-c') )
toggle( $('#toggle-cpl'), $('#desc-cpl') )
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run