Biomod/2013/Sendai/experiment
<html> <head> <style>
/********************** Hide MediaWiki and init CSS, overwrite by bootstrap.css バルス**********************/
body{
background:none;
} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0; padding:0; /* font-size:100%; */ border:0; outline:0;
} a, a:link, a:visited, a:hover, a:active{
text-decoration:none
}
/*訪れたリンクを白くするよ*/ .whiteSendai:visited{
color:#FFFFFF!important;
}
/*左詰め、真ん中、右詰め*/ .leftSendai { text-align: left; } .centerSendai { text-align: center; } .rightSendai { text-align: right; }
.firstHeading {
display:none;
}
- content{
border-style:none; margin:0; padding:0;
}
- globalWrapper{
font-size:100%;
}
- contentSub{
display:none;
}
- column-one{
display:none;
}
- footer{
display:none;
}
- globalWrapper{
font-size:100%;
}
- bodyContent h1, #bodyContent h2{
margin-top: 20px; margin-bottom: 10px;
}
- bodyContent h3{
margin-top: 20px; margin-bottom: 10px; border-bottom-width: medium; border-bottom-style: solid; border-bottom-color: gray;
}
- bodyContent h4{
margin-top: 20px; margin-bottom: 10px; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: gray;
}
- bodyContent h5, #bodyContent h6{
margin-top: 10px; margin-bottom: 10px;
/**** border-bottom-width: thin;
border-bottom-style: solid; border-bottom-color: gray;
- /
}
/********************************* Hide MediaWiki end *********************************/
/* Structure */ html{ background: #eee; } body {
padding: 0px; background: #fff; color: #333; margin: 0 auto; max-width: 900px; font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; }
a {
color: #105672;
}
header {/****position: fixed; ****/
/******width: 100%;****/
height: 90px;
z-index: 1;
background: #F17F25;
padding:0.01em 0.5em 1.5em ;
color: #fff; line-height: 1;
}
header h1{ margin-bottom: 0; }
header h1 span{ display: inline; color: rgba(255,255,255,.4); }
header span{ display: block; color: rgba(255,255,255,.2); font-weight: 300; margin-bottom: 1.6em }
header nav{ float: right; text-align: right } header nav div{ font-size: .8em; } header nav div a { font-weight: 300; padding: .3em .5em } header nav a{ color: #fff; display: inline-block; padding: .3em .8em }
header nav a:hover, header nav a:focus{ color: rgba(255,255,255,.6) }
[role=main]{
padding:1.5em 3em;
}
article{
padding: 1em 0;
text-align: justify;
text-justify: inter-ideograph;
}
footer{
background: #333;
color: #fff;
padding: 1em 3em;
clear: both; /***2段組みの左右のfloatを解除***/
}
/* Typography */
p{ font: 1em/1.5 Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; }
p.sukima{
font-size: 150%;
font-weight: normal;
font-family: Helvetica;
background: #bbb;
padding-left: 1.2em;
}
img{ max-width: 100%; /***** height: auto; *****/ }
blockquote{
float: left;
margin: 1em 3em;
}
blockquote p{
font-size: 1.4em;
line-height: 1.2;
font-weight: 700;
font-style:italic;
}
a{
font: 700 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none
}
a:hover, a:focus{
color: #000;
}
a:active{
position: relative;
top:1px;
}
ol{margin: 1em 0 1em 0; padding-left: 2em; } li{ margin: 0; }
/* Tabs */
- tabs
{ /*****position:fixed;****/
width: 900px;
}
.js-on #tabs article { display:none }
- tabs, #tabs nav a.active{
background: #FFF; color: #111; }
- tabs nav
{ position: relative; overflow: hidden; display: table; background: #bbb; }
- tabs nav a
{ width:900px; display:table-cell; padding:1em; text-align:center; color: #333; }
- tabs nav a:hover,#tabs nav a:focus
{ background:#eee }
- tabs article
{ padding:2em; }
.js-on #tabs article.active
{
display:block;
}
- tabs #mobiles{
display:none; border-radius: 0; }
- tabs #mobiles a, #tabs #mobiles a:first-child, #tabs #mobiles a:last-child{
width:300px; border-radius: 0; }
/* Media queries */ @media screen and (min-width:900px) { body{font-size: 1.1em;} }
@media screen and (max-width:600px) { #tabs nav{ display: none; position: relative; } #tabs #mobiles{ display:block; } #tabs article { display:block; } } @media screen and (max-width:480px) { blockquote{ float: none; }
header nav a{ padding:.7em .8em } header nav{ float: none; margin: -.5em -3em 0; background: #000; overflow: hidden; text-align: left } header nav a{ border-right: 1px solid #222 } [role=main]{ padding:1.5em 2em; } header nav div{ display: none; }
}
/*column content*/
- content-right {
width:48%; /***段落の横幅***/ float:right; /***右に寄せる(他の要素を左に回り込ませる)***/ margin: 10px; }
- content-left {
width:47%; /***サイドの横幅***/ float:left; /***左に寄せる***/ margin: 10px; }
/*****キャプションレフト*****/
div.caption-left{ float: left; padding: 0 5px 5px 5px; }
.caption-left span{ display: block; text-align: center;
font-size: smaller;
font-weight: bold;
}
div.clear{ clear: both; margin: 0 0 10px 0; }
/*****キャプションライト*****/
div.caption-right{ float: right; padding: 0 5px 5px 5px; }
.caption-right span{ display: block; text-align: center;
font-size: smaller;
font-weight: bold;
}
div.clear{ clear: both; margin: 0 0 10px 0; }
/***floatの影響を絶つ。
のように使う***/
.c-both { clear: both; }
div.title{
font-style: normal;
font-weight: bold;
font-size: 70px;
line-height: 70px;
font-family: Helvetica;
}
div.caption{
text-align: center;
font-size: smaller;
font-weight: bold;
}
div.captiontable{
font-size: smaller;
font-weight: bold;
}
/*topに戻る*/
- ttop {position:fixed;
bottom:140px;
left:auto;margin:0 0 0 905px; /* マージン:上 右 下 左 */
width:100px;
height:390px;
background:url(http://openwetware.org/images/f/f2/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A-1.png) no-repeat left bottom;}
/* IE6以下用、アスタリスクハックでググれ */
- html #ttop {margin:0 0 -390px 0;
position:relative;bottom:490px; /* 上で設定した ttopの高さ390px+下100px */
left:960px;}
- ttop:hover {background:url(http://openwetware.org/images/b/b9/Top2.png) no-repeat left bottom;/* 画像の高さによって適当に調整 */
}
a.page_top {display:block;width:100px;height:390px;}
</style>
</head>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Biomod2013 Sendai ver2.0</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style type="text/css">
h1{color: white;}
</style>
</head>
<body>
<header>
<nav>
<a href="http://openwetware.org/wiki/Biomod/2013/Sendai" class="whiteSendai">Top</a> <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/project" class="whiteSendai">Project</a> <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/design" class="whiteSendai">Design</a> <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/calcuation" class="whiteSendai">Calculation</a> <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/experiment" class="whiteSendai">Experiment</a>
<a href="http://openwetware.org/wiki/Biomod/2013" class="whiteSendai" style="float:right;"><img src="http://openwetware.org/images/6/6e/Biomod-logo.jpg"
width="75" height="75" alt="Biomod2013" border="0"></a>
<a href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol" class="whiteSendai">Protocol</a> <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/future" class="whiteSendai">Future</a> <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/member" class="whiteSendai">Member</a> <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sponsor" class="whiteSendai">Sponsor</a> </nav>
<a href="http://openwetware.org/wiki/Biomod/2013/Sendai">
Biomod2013
TeamSendai
</a>
</header>
<article>
Experiment
Contents
|
1 Step1 Disruption of temperature sensitive liposomes
1-1Disruption of temperature sensitive liposomes
Purpose
In our project, we adopt liposomes conjugated with NIPAM polymer (temperature sensitive liposomes) as initiators that sense environmental change (temperature increase).
We confirm that the initial liposomes with NIPAM break with temperature increase.
Method
We used Egg PC for the lipids and L paraffin for the buffer. Vortex process was applied to make liposomes.
Then we added NIPAM (dissolved in chloroform) into the liposomes.
The liposomes were observed on the slide glass with a phase-contrast microscopy.
After confirming the formation of the liposomes, we put a petri dish with hot water inside on the slide glass to increase the temperature.
Protocol
(対応するプロトコルへのリンク)
Result
Fig.1 shows liposomes before the temperature increase.
<img src="http://openwetware.org/images/2/24/%E5%9B%B34.png" width="307" height="451">
Fig.1 Liposomes with NIPAM before the temperature increase
Figure 2 shows the state after the temperature increase by putting a petri dish with hot water inside on the slide glass. The view sight in Fig.2 was the same as that in Figure 1.
Only a rough background and no liposome were observed in Fig.2(right). Even after focus shifts, no liposome was seen.
|
<img src="http://openwetware.org/images/d/d5/%E5%9B%B37.png" width="307" height="451"> |
<img src="http://openwetware.org/images/1/17/%E5%9B%B310.png" width="307" height="451"> |
Fig.2 the state after the temperature increase
Discussion
As liposomes present in Fig.1 disappeared in Fig.2, liposomes with NIPAM were likely to have burst.
On the other hand, some liposomes were still present even after the temperature increase. This is probably because they are multi-lamella liposomes (liposomes that consist of many lipid bilayers). Multi-lamella liposomes are more difficult to break than uni-lamella ones. Therefore, we suppose that liposomes that were present in Fig.1 but disappeared in Fig.2 were uni-lamella ones.
2 Step2 Liposome disruption induced by attachment of key DNA with anchor DNA
2-1 DNA Origami approach
2-1-1 Making DNA Origami
Purpose
In our project, we use DNA Origami as Key DNA to break liposomes. We design rectangular DNA Origami with a chipped edge and try to make it.
Method
We mixed M13mp18, staples, 5xTAE Mg2+, and mQ in a microtube and annealed it for 2.5 hours.
<A href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol">Protocol</A>
Result
We confirmed that our DNA Origami was well formed by AFM (Atomic Force Microscope) (Fig.4).
<Img Src="http://openwetware.org/images/d/d9/Outsideafm2.png">
Fig.4 AFM image of DNA Origami (M13: 4nM, staples:20nM)
Discussion
Just like our design, rectangular DNA Origami with a chipped edge was observed.
2-1-2 Labeling DNA Origami with fluorescent-tagged DNA
Purpose
If Origami is fluorescently labeled, it is much easier to observe the effect of DNA Origami on liposomes. So we labeled our Origami by hybridizing it with fluorescent-tagged DNA strand.
Method
Our DNA Origami has many staples that can bind to fluorescent-tagged DNA for labeling. We mixed fluorescent-tagged DNA together with DNA Origami staples in annealing solution.
In addition, to see if the Origami binds to the fluorescent-tagged DNA in a shorter time, we added the fluorescent-tagged DNA into the control annealing solution, which had contained no fluorescent-tagged DNA, and left it for 40 minutes.
To see the Origami was well labeled with fluorescent molecules, we used electrophoresis.
Electrophoresis was conducted with a 1% agarose gel, CV100V for 50 minutes.
<A href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol">Protocol</A>
By scanning a gel before staining, we can see only the bands of DNA structures with fluorescent molecules; scanning a gel after staining, we can see the bands of all DNA structures. So we scanned a gel before and after staining (we scanned both a non-stained and a stained gel).
First we saw the bands of our Origami in a non-stained gel. Then, we compared the bands with those in a stained gel. If the bands of Origami in a non-stained gel were at the same height as that in a stained gel, we can say that our Origami was successfully fluorescently labeled.
Result
In a non-stained gel (Fig.5), only bands in lane 3 and 4 from the left (*Ori, **Ori) can be seen. They are fluorescently labeled structures. In addition, as they gave the same result, 40 minutes is long enough for fluorescently labeling.
<Img Src="http://openwetware.org/images/5/58/S_Outside-gel-3.2.png" width="300">
Fig.5 Non-stained gel image: only bands in two lanes can be seen. From the left, they are DNA Origami with fluorescent molecules in pre-annealing (Ori*), and DNA Origami with fluorescent molecules in post-annealing (Ori**)
In a stained gel (Fig.6), marker lane (lane 1) had the longest DNA strand of 20kb. Comparing this band and the band of M13mp18 (lane 2) with annealed DNA Origami (lane 3,4,5), the bands of the Origami are at the higher position. Therefore, we concluded that in lane3~5, DNA Origami structure was made as we had expected.
We considered that the bands in lane3~5 are seen as if they were diffused, just because our Origami has many staples binding to the fluorescent-tagged DNA, and each Origami attaches to different number of them, and its molecular weight varies.
<Img Src="http://openwetware.org/images/2/2d/S_Outside-gel-2.2.png" width="300">
Fig.6 Stained gel image: from the left, marker, M13mp18, Ori*, Ori**, and DNA Origami with no fluorescent molecule (Ori)
Discussion
Combining the results of Fig.5 and 6, the fluorescently labeled bands in lane3 and 4 in Fig.5 are at the same height as those of DNA Origami in Fig.6. Thus, we concluded our Origami was successfully fluorescently labeled.
2-1-3 Disrupting liposomes by DNA Origami
Purpose
To break liposomes with our Origami, first we investigate how our DNA Origami affect liposomes.
Principle
To break liposomes with our Origami, a lot of Origami has to hybridize to the surface of the liposomes.
To begin with, we added cholesterol-conjugated single-stranded DNA (in the rest of this document, referred to as Origami-anchor DNA) into liposomes, and made it float on the surface. The Origami-anchor DNA has a complementary part to our Origami, so the Origami is expected to hybridize to Origami-anchor DNA on the liposomes. In this way, lots of Origami would hybridize to liposomes via Origami-anchor DNA.
Method
We added Origami-anchor DNA into liposomes at the final concentration of 0.018, 0.069, 1.8, and 6.9µM. Then we observed the samples with a phase microscope.
Next, adding fluorescently labeled DNA Origami into the above liposomes, we saw if some change would happen with a fluorescent microscope.
<A href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol">Protocol</A>
Result
In all four conditions, liposomes were observed with a phase microscope. We confirmed the formation of multi-lamella liposomes (Fig.7~10).
<Img Src="http://openwetware.org/images/7/72/Lipofig4.png" width="400">
Fig.7 Phase microscope image of liposomes (Origami-anchor DNA: 0.018µM)
<Img Src="http://openwetware.org/images/d/d0/Lipofig5.png" width="400">
Fig.8 Phase microscope image of liposomes (Origami-anchor DNA: 0.069µM)
<Img Src="http://openwetware.org/images/d/de/Lipofig6.png" width="400">
Fig.9 Phase microscope image of liposomes (Origami-anchor DNA: 1.8µM)
<Img Src="http://openwetware.org/images/d/d7/Lipofig7.png" width="400">
Fig.10 Phase microscope image of liposomes (Orgami-anchor DNA: 6.9µM)
Adding fluorescently labeled DNA Origami into the above liposomes, we saw if some change would happen with a fluorescent microscope.
When the concentration of Origami-anchor DNA was 0.018, 0.069µM, many gleaming (in green color) liposomes were observed. We confirmed that the fluorescently labeled Origami well hybridized to the liposomal surface (Fig.11,12,13).
<Img Src="http://openwetware.org/images/6/6c/Lipofig8.png" width="400"> |
<Img Src="http://openwetware.org/images/a/a6/Lipofig9.png" width="400"> |
Fig.11,12 fluorescent microscope image of liposomes (Origami-anchor DNA: 0.018µM)
<Img Src="http://openwetware.org/images/b/b4/Lipofig10.png" width="400">
Fig.13 fluorescent microscope image of liposomes (Origami-anchor DNA: 0.069µM)
On the other hand, when the concentration of Origami-anchor DNA was 1.8µM, few gleaming liposomes could be seen with a fluorescent microscope (Fig.14). This result indicates the possibility that liposomes have broken.
<Img Src="http://openwetware.org/images/1/18/Lipofig11.png" width="400">
Fig.14 fluorescent microscope image of liposomes (Origami-anchor DNA: 1.8µM)
When the concentration of Origami-anchor DNA is 6.9µM, some liposomes were gleaming and others distorted, forming networks (Fig.15).
<Img Src="http://openwetware.org/images/8/88/Lipofig12.png" width="400">
Fig.15 fluorescent microscope image of liposomes (Origami-anchor DNA: 6.9µM)
Discussion
From these results, we put forward the following hypothesis about the interaction of DNA Origami and liposomes.
When the concentration of Origami-anchor DNA is low (0.018, 0.069µM), DNA Origami hybridizes to the surface of liposomes relatively stablely. When the concentration is middle (1.8µM), more DNA Origami hybridizes to the surface and loads on it. The liposomes become fragile and easy to break. When the concentration is high (6.9µM), some liposomes exist individually, and others form networks via Origami-anchor DNA and DNA Origami complex.
<Img Src="http://openwetware.org/images/7/7c/Experimentinsidefig.png">
According to this hypothesis, when the concentration of Origami-anchor DNA is 1.8µM, DNA Origami breaks liposomes.
2-1-4 Confirming sequence specificity of DNA
Purpose
In this project, we adopt DNA for the Key of chain reaction because DNA has a significant characteristic: sequence specificity. Utilizing this sequence specificity, we aim to select liposomes that will be broken by Key DNA, induce chain-reactive liposomal disruption by some Key DNA, and make connections between liposomes.
Corresponding to the liposomes, we arrange two kinds of Origami-anchor DNA of different sequences and attach the anchor to the liposomes. Then we mix both kinds of liposomes together.
Into the mixture, Key DNA for just one kind of liposomes is added. We confirm that the Key DNA breaks only the corresponding kind of liposomes.
Method
We made two kinds of liposomes: liposomeA and liposomeB by water-in-oil emulsion process. LiposomeA contains GFP (Green Fluorescent Protein) inside, and liposomeB has Rhodamine (red fluorescent dye) in itself.
Origami-anchor DNA for liposome A has the sequence of 5'-CCAGAAGACG-chol-3'. The anchor for liposome B has the sequence of 5'-TCCACTAACG-chol-3'. Both Origami-anchor DNA was mixed with the corresponding liposomes.
Each liposome was centrifuged for one minute to remove the excess Origami- anchor DNA.
Then we mixed 1µl of each liposome and observed it with a phase-contrast microscope.
Next, 4µl refined DNA Origami was added to the mixture (of liposomeA and B). The sample was also observed with a phase-contrast microscope.
Protocol
(対応するプロトコルへのリンク)
Result
Fig.16 is the phase-contrast microscope image of the mixture of liposome A and B before the addition of Key DNA Origami.
<img src="http://openwetware.org/images/6/68/LegA%2BB_10.jpg">
Fig.16 Phase contrast microscope image of the mixture of liposome A (Green) and B (Red)
Discussion
(要加筆)
2-2 Flower DNA approach
2-2-1 Confirming the formation of the loop structure by SPR
Purpose
To break liposomes by flower DNA method, we aim to attach many loop strands to the surface of liposomes.
To achieve this, we adopt the same hybridization method via Anchored DNA as used in i)Bending approach into liposomes: the Anchored DNA has a complementary part to our loop strand and the loop strand is expected to hybridize to liposomes.
We checked the hybridization of liposomes and Anchored DNA, and that of Anchored DNA and our loop strands.
Principle
As our loop strand is too small to observe with an AFM or a fluorescent microscope, we used an apparatus called SPR.
SPR is a Surface Plasmon Resonance assay that estimates the weight of molecules attached to membrane surface, by the change of the reflection of the laser beam.
If Anchored DNA attaches to a liposome, and then loop strand attaches to it, SPR value increases after each step.
We measured SPR value after each step of adding DOPC into liposomes, and loop DNA into it.
Method
<ur>
Result
The result was shown in Fig.15 below.
<Img Src="http://openwetware.org/images/f/fd/Flowerex2.png">
Fig.15 The transition of SPR value
As the first injection of Anchored DNA caused no change of SPR value, we injected Anchored DNA for two times.
Fig 15 shows that SPR value increased after injecting Anchored DNA and loop DNA. Moreover, we should note that after injecting Key DNA some changes of SPR value were observed.
Discussion
Fig.15 shows the behavior of materials on the surface of liposomes. The increase of SPR value after injecting Anchored DNA indicates that Anchored DNA successfully combined with liposomes.
Similarly, it is considered that loop DNA combined with Anchored DNA.
Thus, we confirmed the formation of the loop structures on liposomes.
2-2-2フラワーミセルによりリポソームを破壊する実験
Purpose
In flower DNA approach, the Key DNA strand attaches to Flower-anchor DNA on liposomes, load on the liposomes, and break them. We confirm the disruption of liposomes フラワーミセルアプローチでは鍵DNAストランドがリポソーム表面に生えているアンカーDNAにハイブリしてリポソームが割れる必要がある。それを確かめるために。
Method
We annealed DNA Origami with fluorescently labeled staples. Liposomes dyed with Texas Red (fluorescent dye) were prepared, and observed with a fluorescent microscope. Then we added DNA Origami into the liposomes. They were also observed with a fluorescent microscope. DNAオリガミに蛍光をハイブリさせたものをアニーリングにより作製する 膜染色(テキサスレッド)したリポソームをつくる リポソームのみを蛍光顕微鏡で観察する。 リポソームにDNAオリガミを加えてその後の様子を観察する (対応するプロトコルへのリンク)
Result
Discussion
2-2-3 DNAによる配列特異性を証明する実験
Purpose
Method
(対応するプロトコルへのリンク)
Result
Discussion
</article>
<footer>
© Copyright Biomod 2013 Team Sendai <a href="http://www.molbot.mech.tohoku.ac.jp/index.html"> <img src="http://openwetware.org/images/3/36/Murata-nomura-logo.png" width="180" height="50" alt="Molcular Robotics Lab" border="0" align="right"> </a>
E-MAIL: <a href="mailto:biomod.teamsendai.2012@gmail.com">biomod.teamsendai.2012@gmail.com </a>
<a href="?action=edit" align="center">
edit
</a>
</footer>
</body> </html>
<html> <head>
<script type="text/javascript">
function tabs(a,g,j){document.body.className="js-on";var g=a.getElementsByTagName(g),d=[],c;this.active;this.total=g.length;this.container=a;e=a.insertBefore(document.createElement("nav"),g[0]),change=function(f){if(typeof this.active!=="undefined"){d[this.active].className=g[this.active].className=""}d[f].className=g[f].className="active";this.active=f},clickEvent=function(h,f){h.onclick=function(){change(f);return false}};for(var b=0;b<g.length;b++){d[b]=e.appendChild(document.createElement("a"));d[b].href="#";c=[g[b].getAttribute("data-title"),g[b].getElementsByTagName(j)[0]];d[b].innerHTML=c[0]!==null?c[0]:c[1]?c[1]["innerText"||"textContent"]:b+1;new clickEvent(d[b],b)}change(0)}tabs.prototype.change=function(b){change(b-1)};tabs.prototype.next=function(b){active===this.total-1?change(0):change(active+1)};tabs.prototype.prev=function(b){active===0?change(this.total-1):change(active-1)};tabs.prototype.responsive=function(d,c){nav=document.createElement("nav");nav.id="mobiles";nav.innerHTML='<a href="#" onclick="'+d+'.prev(); return false">'+c.prev+'</a><a href="#" onclick="'+d+'.next(); return false">'+c.next+"</a>";this.container.insertBefore(nav,this.container.firstChild);return this};
</script>
<script type="text/javascript">
var myTabs = new tabs(document.getElementById("tabs"), "article", "h2").responsive("myTabs", { prev: "Previous", next: "Next" }); </script> </head> </html>