-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
517 lines (438 loc) · 27 KB
/
index.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
<!DOCTYPE html>
<html lang="zh-tw">
<head>
<meta charset="utf-8">
<title>PHPConf Taiwan 2013</title>
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
<meta property="og:title" content="PHPConf Taiwan 2013"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="PHPConf Taiwan 2013 是台灣年度 PHP 聚會，於 10/5 在中研院人文館舉行。"/>
<meta property="og:url" content="http://phpconf.tw/2013/"/>
<meta property="og:image" content="http://phpconf.tw/2013/images/fb.png"/>
<meta property="og:site_name" content="PHPConf Taiwan 2013"/>
<meta property="fb:app_id" content="405706069513334"/>
<link href="bootstrap/css/bootstrap.min.css" media="screen, projection" rel="stylesheet"/>
<link href="css/index.css" media="screen, projection" rel="stylesheet"/>
<!--[if lt IE 9]>
<script src="js/html5shiv/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1&appId=405706069513334";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="container">
<!-- Main Content Start -->
<div class="col-lg-8 col-md-8 col-sm-8">
<div class="row">
<!-- Nav Bar Start -->
<nav class="navbar" role="navigation">
<!-- Nav Button Start -->
<div class="navbar-header visible-xs">
<div class="navbar-inverse">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menu-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<a class="navbar-brand" href="index.html">PHPConf Taiwan 2013</a>
</div>
<!-- Nav Button End -->
<!-- Nav Menu End -->
<div class="collapse navbar-collapse navbar-menu-collapse">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.html"><span class="zh-tw">公告</span><span class="en">Announce</span></a>
</li>
<li>
<a href="schedule.html"><span class="zh-tw">議程</span><span class="en">Schedule</span></a>
</li>
<li>
<a href="speakers.html"><span class="zh-tw">講師</span><span class="en">Speakers</span></a>
</li>
<li>
<a href="sponsors.html"><span class="zh-tw">贊助</span><span class="en">Sponsors</span></a>
</li>
<li>
<a href="venue.html"><span class="zh-tw">地點</span><span class="en">Venue</span></a>
</li>
<li>
<a href="about.html"><span class="zh-tw">關於</span><span class="en">About</span></a>
</li>
</ul>
</div>
<!-- Nav Menu End -->
</nav>
<!-- Nav Bar End -->
</div>
<!-- Page Content Start -->
<div class="page-content">
<article class="news">
<h2 class="title">議程錄影連結更新！</h2>
<div class="content">
<p>各議程的錄影連結已上線囉！請到<a href="">議程表</a>中觀賞。</p>
</div>
</article>
<hr class="line"/>
<article class="news">
<h2 class="title">議程簡報連結更新！</h2>
<div class="content">
<p>讓大家久等了！各議程的簡報連結已上線囉！請到<a href="">議程表</a>中取得。</p>
<p>註：錄影檔將於近期釋出，敬請稍候。</p>
</div>
</article>
<hr class="line"/>
<article class="news">
<h2 class="title">PHPConf Taiwan 手機 App 來了！！</h2>
<div class="content">
<p>為了能讓大家能更迅速掌握大會相關資訊，我們推出了 PHPConf Taiwan 手機 App ，現在各位可以在 Google Play 下載它囉！</p>
<p>各位也可以透過這個 App 觀看本次大會所釋出的簡報與影片；未來我們也會藉由這個 App 即時帶給大家關於 PHPConf 的重要資訊，歡迎大家下載安裝。</p>
<p style="text-align: center;"><img src="images/news/screenshot.png"></p>
<p>下載位址： <a href="http://goo.gl/IsA6Rb">http://goo.gl/IsA6Rb</a></p>
<p>註： iOS 版本將於近期推出，敬請耐心等候。</p>
</div>
</article>
<hr class="line"/>
<article class="news">
<h2 class="title">第三屆 PHPConf Taiwan 就在 10/5 中研院人社館！</h2>
<div class="content">
<p>一直以來，大多數 Web 製作者若是想要學習後端開發，立刻聯想到的語言就是 PHP ； PHP 讓很多人從此踏入 Web 開發的世界且樂此不疲，這是因為 PHP
易學、易用，而且參考資源相當豐富；也因此對許多初學者而言，它是友善且自由的。而從許多國際知名的大型網站 (例如 Yahoo! 、 Facebook ) 是建構在 PHP 之上來看，就足以瞭解 PHP 對於 Web
開發的優勢所在。</p>
<p>然而也因為 PHP 一開始是專注在 Web 開發上，而非朝向真正的語言發展，導致它為此背負了許多舊有的包袱；時至今日，還是讓很多開發者對它抱有很大的誤解。不過近年來， PHP
社群意識到了這些問題，進而提出許多改革方案，使得 PHP 漸漸脫胎換骨，重新出發！</p>
<p>2013 年， PHPConf 要為大家帶來新面貌的 PHP ，主題將涵蓋資安、核心、工具、效能、 CMS 模組開發等等。我們將強調以實戰經驗為主，以實例帶領大家親身體驗 PHP
的威力。開發者可以從中學習到業界高手是如何撰寫並善用 PHP ；而企業更可以透過這場聚會，建立起與各方領域高手交流的管道。因此，今年的 PHPConf 是您絕對不能錯過的重要聚會！</p>
</div>
</article>
<hr class="line"/>
<div class="archive row">
<div class="col-lg-9">
<h2 class="title">PHPConf Taiwan 晚宴邀請您來參加</h2>
</div>
<div class="col-lg-3">
<p class="time">2013-09-03</p>
</div>
<div class="content hidden">
<p>當議程結束後，相信各位的心中一定還是熱血澎湃，有很多心得想與講師一起討論吧？</p>
<p>但是除了在大會上一睹講師風采外，往後也只能在網路交流而已。</p>
<p>別擔心，我們將開放會後聚餐，讓各位可以跟講師們繼續研究議程中未解的疑惑！</p>
<p>報名網址：
<a href="http://www.accupass.com/go/phpconf2013party">http://www.accupass.com/go/phpconf2013party</a>
</p>
<p>報名時間： 9/3 20:00 ~ 9/6 23:59</p>
<p>注意事項：</p>
<ol>
<li>報名本活動僅可參加 PHPConf 晚宴，不可參與 PHPConf 大會白天各項議程。</li>
<li>報名成功後，請於 10/5 早上 10:00 ~ 15:30 至 PHPConf 大會報到處領取餐券證明。</li>
<li>晚宴憑券入場，遺失恕不補發。</li>
<li>本活動恕不開立發票。</li>
</ol>
<p>名額有限，千萬別錯過囉！</p>
</div>
</div>
<hr class="line"/>
<div class="archive row">
<div class="col-lg-9">
<h2 class="title">第二波報名活動開始囉！</h2>
</div>
<div class="col-lg-3">
<p class="time">2013-09-01</p>
</div>
<div class="content hidden">
<p>各位朋友，您是不是沒趕上第一波報名呢？沒關係，第二波報名已經在 9/2 晚上 8:00 開始囉！</p>
<p>報名網址：
<a href="http://www.accupass.com/go/phpconf2013">http://www.accupass.com/go/phpconf2013</a>
</p>
<p>報名時間： 9/2 20:00 ~ 9/6 23:59</p>
<p>報名流程：</p>
<ol>
<li>先登入活動通 (需申請活動通帳號)</li>
<li>選擇「一般票」</li>
<li>選擇結帳方式 (信用卡，超商代碼，虛擬帳號， PayPal /信用卡)</li>
<li>選擇發票類型 (若選擇二聯式發票，請於「發票抬頭」與「發票統編」輸入「 NA 」)</li>
<li>完成報名</li>
</ol>
<p>名額有限，千萬別再錯過囉！</p>
</div>
</div>
<hr class="line"/>
<div class="archive row">
<div class="col-lg-9">
<h2 class="title">2013 年報名日期及議程搶先看！</h2>
</div>
<div class="col-lg-3">
<p class="time">2013-08-10</p>
</div>
<div class="content hidden">
<p>相信大家今年最關心的，莫過於如何報名 PHPConf 以及有哪些議程吧？！</p>
<p>終於，我們將於 8/19 晚上八點開放大家報名！ 千萬不要再錯過啦！</p>
<p>報名網址： <a href="http://www.accupass.com/go/phpconf2013">PHPConf 2013 - 活動通 Accupass</a> 。</p>
<p>而今年的議程也相當精采！涵蓋了各種 PHP 應用與實務！</p>
<p>每一個議程都是書上看不到的經驗分享，所以別再猶豫了！</p>
<p>請記得隨時關注我們的最新消息！</p>
</div>
</div>
<hr class="line"/>
<div class="archive row">
<div class="col-lg-9">
<h2 class="title">第二波徵文活動開始囉！</h2>
</div>
<div class="col-lg-3">
<p class="time">2013-08-01</p>
</div>
<div class="content hidden">
<p>鑑於許多朋友反應上一次文章徵稿時間太短而來不及準備，因此我們再次邀請大家一起來用文章參與 PHPConf ！</p>
<h2 class="title">活動日期</h2>
<p>即日起至 8/23 號接受投稿，我們將於 8/26 日通知您的文章是否入選。</p>
<h2 class="title">徵求主題</h2>
<p>如果您的文章內容符合以下主題，我們將優先收錄！</p>
<ul>
<li>PHP 5.3, 5.4, 5.5 特色應用</li>
<li>PHP 程式架構與佈署</li>
<li>PHP 開發工具</li>
<li>PHP 開源應用軟體模組開發</li>
<li>巨量資料處理</li>
</ul>
<p>其他 PHP 相關主題也歡迎大家投稿。</p>
<h2 class="title">投稿方式</h2>
<p>請依照以下格式，將您的稿件寄到：<a href="mailto:[email protected]">[email protected]</a> 。</p>
<h2 class="title">投稿格式</h2>
<ul>
<li>文章主題 (五十字以內)</li>
<li>作者姓名 (網路暱稱亦可)</li>
<li>目前服務單位與職稱 (若不便透露的話，可略過)</li>
<li>主題目標對象 (分為初學者，五年以下開發經驗的開發者，五年以上開發經驗的開發者)</li>
<li>文章內容 (兩千字以內，若包含說明圖片時，圖檔格式為 300 dpi 之 PNG 檔)</li>
<li>授權方式 (請參考下方文章著作權說明)</li>
</ul>
<h2 class="title">入選獎勵</h2>
<p>一旦您的主題入選，我們將會贈送您大會 T-shirt 一件及 VIP 入場門票一張。</p>
<h2 class="title">入選文章使用方式</h2>
<p>當您的文章入選後， PHPConf 將會透過以下方式呈現您的文章：</p>
<ul>
<li>編排於大會印製的紙本手冊中，並提供給與會者觀看。</li>
<li>以獨立網址附加於 PHPConf Taiwan 官網上，供網路使用者觀看。</li>
</ul>
<h2 class="title">注意事項</h2>
<p>投稿文章請以尚未公開發表的內容為主，若投稿文章已事先公開於任何媒介， PHPConf Taiwan 將謝絕採用。</p>
<h2 class="title">入選文章之著作權</h2>
<p>您必須同意以下條件，我們才可接受您的投稿文章：</p>
<ul>
<li>授予 PHPConf Taiwan 修改文章與透過電子或紙本媒介出版之權利；並且</li>
<li>以 CC BY 3.0 姓名標示方式授權；或是</li>
<li>以 CC BY-SA 3.0 姓名標示-相同方式授權；或是</li>
<li>以 CC BY-NC 3.0 姓名標示-非商業性方式授權。</li>
</ul>
</div>
</div>
<hr class="line"/>
<div class="archive row">
<div class="col-lg-9">
<h2 class="title">Call of Talks and Articles</h2>
</div>
<div class="col-lg-3">
<p class="time">2013-06-01</p>
</div>
<div class="content hidden">
<p>第三屆 PHPConf Taiwan 將於今年 (2013) 十月五日舉行，相信各位高手已經迫不及待地想要分享自己的經驗了吧！然而 PHP
所觸及的領域相當廣泛，光是以演講呈現的方式，實在是難以滿足大家求知的欲望，學習知識不該只有一種門路！</p>
<p>我們將開創以往研討會所沒有的創舉：我們將同時徵求演講與文章兩種形式的分享，讓各位的實戰經驗能以不同的方式呈現給與會的朋友！</p>
<h2 class="title">活動辦法</h2>
<h3>活動時間</h3>
<ul>
<li>
<p>演講議程為即日起至 6/20 。</p>
</li>
<li>
<p>文章投稿為即日起至 7/7 。</p>
</li>
<li>
<p>我們將於 7/12 通知您的主題是否入選。</p>
</li>
</ul>
<h3>投稿方式</h3>
<p>請依照以下格式，將您的稿件寄到：<a href="mailto:[email protected]">[email protected]</a> 。</p>
<h4>演講議程投稿格式</h4>
<ul>
<li>
<p>演說主題 (五十字以內)</p>
</li>
<li>
<p>講者姓名 (網路暱稱亦可)</p>
</li>
<li>
<p>目前服務單位與職稱 (若不便透露的話，可略過)</p>
</li>
<li>
<p>主題目標對象 (分為初學者，五年以下開發經驗的開發者，五年以上開發經驗的開發者)</p>
</li>
<li>
<p>主題簡介 (約一百字介紹，越生動有趣，越容易入選)</p>
</li>
<li>
<p>是否包含 Live Demo</p>
</li>
<li>
<p>預計演說時間 (四十分鐘或五十分鐘，我們會視情況調整)</p>
</li>
<li>
<p>授權方式 (請參考下方<a href="#video-license">影片著作權</a>說明)</p>
</li>
</ul>
<h4>文章投稿格式</h4>
<ul>
<li>
<p>文章主題 (五十字以內)</p>
</li>
<li>
<p>作者姓名 (網路暱稱亦可)</p>
</li>
<li>
<p>目前服務單位與職稱 (若不便透露的話，可略過)</p>
</li>
<li>
<p>主題目標對象 (分為初學者，五年以下開發經驗的開發者，五年以上開發經驗的開發者)</p>
</li>
<li>
<p>文章內容 (兩千字以內，若包含說明圖片時，圖檔格式為 300 dpi 之 PNG 檔)</p>
</li>
<li>
<p>授權方式 (請參考下方<a href="#article-license">文章著作權</a>說明)</p>
</li>
</ul>
<h3>入選獎勵</h3>
<p>一旦您的主題入選，我們將會贈送您大會 T-shirt 一件及 VIP 入場門票一張。</p>
<h2 class="title">主題說明</h2>
<p>今年 PHPConf 著重的主軸將是實戰經驗分享與 PHP 新特色應用，而且我們也希望 PHP 開發不僅僅只是 PHP 本身，而是能與其他技術相輔相成。因此我們選擇了以下幾個主題，提供各位在投稿時參考。</p>
<h3>系統佈署</h3>
<p>如何能夠讓 PHP 應用程式能快速佈署到各式平台上對 PHP 開發者而言是一件苦惱的事情！若是您有非常棒的 PHP 佈署技術，或是慘痛的 PHP 佈署甘苦談，都將是不錯的分享題目。</p>
<h3>Extension 開發</h3>
<p>加速 PHP 的方法有很多，但最直接的一種就是開發 PHP Extension 。而在開發 PHP Extension
的過程中也有很多面向需要注意，例如測試與除錯。如果您在這方面有豐富經驗，我們歡迎各位來分享您的甘苦談。</p>
<h3>開發工具</h3>
<p>近年來， PHP 已經有許多不輸其他語言的方便工具可以使用，它們可以為我們的開發節省許多時間；我們歡迎各種介紹與展示這些新工具的主題，當然自製的工具也沒問題。</p>
<h3>特色應用</h3>
<p>PHP 自 5.3 版之後，新增了許多有趣且實用的特色，像是命名空間、匿名函式等等；如果您已經在實務應用中體驗到這些新特色的便利或缺陷，我們都歡迎您來分享。</p>
<h3>模組開發</h3>
<p>目前世界上已經有很多 PHP 開源應用程式被廣泛地使用，許多企業也相繼以這些開源應用程式來製作自家網站。我們歡迎對開源 CMS 套件模組開發有實務經驗的高手，前來分享您的經驗。</p>
<h3>巨量資料</h3>
<p>當網站資料流越來越大時，如何有效率地讓頁面快速呈現這些龐大的資訊？加機器？改程式？您對處理巨量資料有獨到的做法嗎？您又是如何透過 PHP 達成這個目標呢？我們歡迎您來分享您的實戰經驗！</p>
<h2 class="title">演講協助</h2>
<p>當您的主題入選為大會議程，我們將會提供以下協助：</p>
<ol>
<li>
<p>提供投影片配色與字體範例，讓您的簡報可以更清楚地被與會者看見。</p>
</li>
<li>
<p>協助主題內容編排，讓您不再為簡報內容太長或太短而煩惱。</p>
</li>
<li>
<p>於大會議程中進行錄影，並於後製完成後，置放於公開的網路影音平台。</p>
</li>
</ol>
<h2 class="title">入選文章使用方式</h2>
<p>當您的文章入選後，我們將會透過以下方式呈現您的文章：</p>
<ol>
<li>
<p>編排於大會印製的紙本手冊中，並提供給與會者觀看。</p>
</li>
<li>
<p>以獨立網址附加於 PHPConf Taiwan 官網上，供網路使用者觀看。</p>
</li>
</ol>
<h2 id="video-license">演講錄影影片之著作權</h2>
<p>您的演講將會由大會進行錄影，並於後製完成後，置放於公開的網路影音平台；因此，您必須同意大會進行錄影並後製並置放於公開的網路影音平台，並同意以下條件 (擇一) ，我們才可接受您的演講議程投稿：</p>
<ol>
<li>
<p>授予 PHPConf Taiwan 錄影後製與透過公開線上影音平台出版之權利；或是</p>
</li>
<li>
<p>以 <a href="http://creativecommons.org/licenses/by/3.0/tw/">CC BY 3.0 姓名標示</a>方式授權；或是</p>
</li>
<li>
<p>以 <a href="http://creativecommons.org/licenses/by-sa/3.0/tw/">CC BY-SA 3.0 姓名標示-相同方式</a>授權；或是</p>
</li>
<li>
<p>以 <a href="http://creativecommons.org/licenses/by-nc/3.0/tw/">CC BY-NC 3.0 姓名標示-非商業性</a>方式授權。</p>
</li>
</ol>
<br>
<h2 id="article-license">入選文章之著作權</h2>
<p>您必須同意以下條件 (擇一) ，我們才可接受您的投稿文章：</p>
<ol>
<li>
<p>授予 PHPConf Taiwan 修改文章與透過電子或紙本媒介出版之權利；或是</p>
</li>
<li>
<p>以 <a href="http://creativecommons.org/licenses/by/3.0/tw/">CC BY 3.0 姓名標示</a>方式授權；或是</p>
</li>
<li>
<p>以 <a href="http://creativecommons.org/licenses/by-sa/3.0/tw/">CC BY-SA 3.0 姓名標示-相同方式</a>授權；或是</p>
</li>
<li>
<p>以 <a href="http://creativecommons.org/licenses/by-nc/3.0/tw/">CC BY-NC 3.0 姓名標示-非商業性</a>方式授權。</p>
</li>
</ol>
</div>
</div>
</div>
<!-- Page Content End -->
</div>
<!-- Main Content End -->
<!-- Sidebar Start -->
<div class="col-lg-4 col-md-4 col-sm-4 hidden-xs">
<div class="logo">
<img src="images/logo.png"/>
</div>
<div class="links text-center">
<p><a href="http://goo.gl/bUcJl3">FB 社團</a> / <a href="irc://irc.freenode.net#phpconf-tw">IRC Chat</a></p>
</div>
<div class="links text-center">
<a href="http://goo.gl/IsA6Rb" target="_blank"><img src="images/app/google_play.png" alt="Google Play" /></a>
</div>
<div class="social">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fphpconf.tw%2F2013&send=false&layout=button_count&width=100&show_faces=false&font=tahoma&colorscheme=light&action=like&height=21&appId=405706069513334" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>
</div>
<div class="comments">
<div class="fb-comments visible-lg" data-href="http://phpconf.tw/2013/" data-width="320"></div>
<div class="fb-comments visible-md" data-href="http://phpconf.tw/2013/" data-width="280"></div>
</div>
</div>
<!-- Sidebar End -->
</div>
<!-- Footer -->
<footer>
<div class="old container">
<p class="col-lg-offset-5 col-lg-1 col-md-offset-4 col-md-2 col-sm-offset-3 col-sm-3"><a href="/2012">2012</a></p>
<p class="col-lg-1 col-md-2 col-sm-3"><a href="/2011">2011</a></p>
</div>
<div class="info container">
<p>中央研究院人文社會科學館 (台北市南港區研究院路二段128號)</p>
<p><span class="glyphicon glyphicon-envelope"></span> <a href="mailto:[email protected]">[email protected]</a></p>
<p>Designed by 草監 / Anna Su</p>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')
</script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script>
(function () {
$archive = $('.archive');
$archive.find('.title').on('click', function () {
$(this).parents('.archive').find('.content').toggleClass('hidden');
});
})();
</script>
</body>
</html>