(jquery)ボタンをクリックしたら中のテキストを切り替えたい

<a class="btn" href="javascript:toggle();">閉じる</a>
<div class="toggle-box" >
<!--contents-->
</div>

function toggle() 
{
$('.toggle-box').slideToggle('slow');
};

現在このような形で閉じるというボタンを押したら、toggleメソッドが作動しクラスtoggle-box内のコンテンツの開閉が出来るアコーディオンメニューを実装しております。
このtoggleメソッドに付け加える形で、閉じるボタンを押したら、ボタンの中の'閉じる'というテキストが'開く'に変わるというようにし、テキストが'開く'の時にボタンを押したら'閉じる'というテキストに書き換えたいのですがどうすれば良いでしょうか？いいリファレンスが探し出せず。。。
宜しくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

html
1<!DOCTYPE HTML>
2<html lang="ja">
3	<head>
4		<meta charset="UTF-8">
5		<title></title>
6	</head>
7	<body>
8		<a class="btn">閉じる</a>
9		<div class="toggle-box" >
10			<!--contents-->
11		</div>
12		<script type="text/javascript" src="//code.jquery.com/jquery-3.1.1.min.js"></script>
13		<script type="text/javascript">
14			$(function () {
15				$('.btn').on('click', function () {
16					if ($(this).text() === '閉じる') {
17						$(this).text('開く');
18					} else {
19						$(this).text('閉じる');
20					}
21				});
22			});
23		</script>
24	</body>
25</html>