nahakyuu/demo.html

## demo.html
<!DOCTYPE html>
<html lang="zh-hans">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #main {
            border: 1px solid #000;
            width: 200px;
        }

        .show::after {
            content: "显示全部";
            font-weight: bold;
        }

        .hide::after {
            content: "隐藏";
            font-weight: bold;
        }

        .show > .body {
            line-height: 1.4em;
            height: 7em;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div class="show" id="main">
        <div class="body">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa sed nobis recusandae officia error alias iste nisi eveniet,
            molestias quo beatae amet totam quibusdam delectus debitis voluptas nesciunt reiciendis eligendi. Fuga accusamus,
            laborum id.
        </div>
    </div>
    <script>
        var main = document.getElementById('main');

        main.onclick = function () {
            main.classList.toggle('show');
            main.classList.toggle('hide');
        }
    </script>
</body>

</html>
	<!DOCTYPE html>
	<html lang="zh-hans">

	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	#main {
	border: 1px solid #000;
	width: 200px;
	}

	.show::after {
	content: "显示全部";
	font-weight: bold;
	}

	.hide::after {
	content: "隐藏";
	font-weight: bold;
	}

	.show > .body {
	line-height: 1.4em;
	height: 7em;
	overflow: hidden;
	}
	</style>
	</head>

	<body>
	<div class="show" id="main">
	<div class="body">
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa sed nobis recusandae officia error alias iste nisi eveniet,
	molestias quo beatae amet totam quibusdam delectus debitis voluptas nesciunt reiciendis eligendi. Fuga accusamus,
	laborum id.
	</div>
	</div>
	<script>
	var main = document.getElementById('main');

	main.onclick = function () {
	main.classList.toggle('show');
	main.classList.toggle('hide');
	}
	</script>
	</body>

	</html>