Biomod/2013/Sendai/protocol: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 113: Line 113:
</tr>
</tr>
</table>
</table>
Table.1 1-1の実験のリポソームの組成<br><br>
Table.1 Making liposomes<br><br>
 
1. Drying the liposomes above with argon gas and letting them stand for a night<br>
2. Adding L paraffin 100µl to 1 and sonicating them for an hour<br>
3. Picking up 10µl from 2, adding NIPAM2mg/ml to them and vibrating them with Vortex<br>


上記のリポソームをArガスで乾燥させて一晩置いた。<br>
上記のリポソームをArガスで乾燥させて一晩置いた。<br>
Line 297: Line 301:
<h5 id=8>2-1-4 DNAによる配列特異性を証明する実験</h5>
<h5 id=8>2-1-4 DNAによる配列特異性を証明する実験</h5>
<h5>Making liposome</h5>
<h5>Making liposome</h5>
リポソームは界面通過法により作製した。GFPの緑の蛍光を持つリポソームAとローダミンの赤の蛍光を持つリポソームBの二種類を作製した。この二種類のリポソームはOuter Bufferは共通でInner Bufferは異なる。各バッファーの組成は以下のとおりである。
We made liposomes in a spontaneous-transfer way. They were divided into two types: liposomes A of GFP, Green Fluorescent Protein, and liposomes B of Red Fluorescent Protein. These two kinds of liposomes have the same Outer Buffer but different Inner Buffer. Composition of these two buffers is as follows.<br><br>
 
リポソームは界面通過法により作製した。GFPの緑の蛍光を持つリポソームAとローダミンの赤の蛍光を持つリポソームBの二種類を作製した。この二種類のリポソームはOuter Bufferは共通でInner Bufferは異なる。各バッファーの組成は以下のとおりである。<br><br>


<table border cellspacing="3" bgcolor="lightyellow">
<table border cellspacing="3" bgcolor="lightyellow">
Line 342: Line 348:
</tr>
</tr>


<tr bgcolor="Crimson">
<tr bgcolor="#FF6699 ">
<td>LiposomeB Inner Buffer</td>
<td>LiposomeB Inner Buffer</td>
<td>ローダミン</td>
<td>ローダミン</td>
<td>0.5µl</td>
<td>0.5µl</td>
</tr>
</tr>
<tr bgcolor="Crimson">
<tr bgcolor="#FF6699">
<td> </td>
<td> </td>
<td>スクロース(1M)</td>
<td>スクロース(1M)</td>
<td>12.5µl</td>
<td>12.5µl</td>
</tr>
</tr>
<tr bgcolor=" Crimson ">
<tr bgcolor=" #FF6699">
<td> </td>
<td> </td>
<td>25×TAE Mg<sup>2+</sup></td>
<td>25×TAE Mg<sup>2+</sup></td>
<td>10µl</td>
<td>10µl</td>
</tr>
</tr>
<tr bgcolor=" Crimson ">
<tr bgcolor=" #FF6699">
<td> </td>
<td> </td>
<td>mQ</td>
<td>mQ</td>
Line 363: Line 369:
</tr>
</tr>
</table>
</table>
1. Tapping of inner 2 and lipid paraffin 50<br>
2. Putting paraffin 50 on outer 50<br>
3. Putting 1 on 2<br>
4. Centrifuging 3 for 5 minutes<br>
5. Observing leak of liposomes from the bottom of tubes by needles<br>


1Inner 2+lipidパラフィン50 たっぴんぐ<br>
1Inner 2+lipidパラフィン50 たっぴんぐ<br>

Revision as of 13:16, 24 October 2013

<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;

}

  1. content{
border-style:none;
margin:0;
padding:0;

}

  1. globalWrapper{
font-size:100%;

}

  1. contentSub{
display:none;

}

  1. column-one{
display:none;

}

  1. footer{
display:none;

}

  1. globalWrapper{
font-size:100%;

}

  1. bodyContent h1, #bodyContent h2{
 margin-top: 20px;
 margin-bottom: 10px;

}


  1. bodyContent h3{
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: medium;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

  1. bodyContent h4{
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: thin;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

  1. 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 */

  1. tabs

{ /*****position:fixed;****/

      width: 900px; 

}

.js-on #tabs article { display:none }

  1. tabs, #tabs nav a.active{

background: #FFF; color: #111; }

  1. tabs nav

{ position: relative; overflow: hidden; display: table; background: #bbb; }


  1. tabs nav a

{ width:900px; display:table-cell; padding:1em; text-align:center; color: #333; }

  1. tabs nav a:hover,#tabs nav a:focus

{ background:#eee }

  1. tabs article

{ padding:2em; }


.js-on #tabs article.active { display:block; }

  1. tabs #mobiles{

display:none; border-radius: 0; }

  1. 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*/

  1. content-right {

width:48%; /***段落の横幅***/ float:right; /***右に寄せる(他の要素を左に回り込ませる)***/ margin: 10px; }

  1. 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に戻る*/

  1. 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;}
  1. 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
  Team
Sendai

</a>

   </header> 

       <article>

Protocol

Contents

  • <a href="#chain"> 1 Step1 温度感受性リポソームの破壊</a>
    • <a href="#bending"> 1-1 温度感受性リポソームを破壊する実験</a>
  • <a href="#Flower"> 2 Step2 DNAによる連鎖的リポソームの破壊</a>
    • <a href="#sensing"> 2-1 DNAオリガミによるアプローチ</a>
      • <a href="#5"> 2-1-1 デザインしたDNAオリガミの作製</a>
      • <a href="#6"> 2-1-2 DNAオリガミに蛍光付きDNAがハイブリしていることの確認実験</a>
      • <a href="#7"> 2-1-3 DNAオリガミによりリポソームを破壊する実験</a>
      • <a href="#8"> 2-1-4 DNAによる配列特異性を証明する実験</a>
    • <a href="#9"> 2-2 フラワーミセルによるアプローチ</a>
      • <a href="#10"> 2-2-1 SPRによるループ構造の確認</a>
      • <a href="#11"> 2-2-2 フラワーミセルによりリポソームを破壊する実験</a>
      • <a href="#12"> 2-2-3 DNAによる配列特異性を証明する実験</a>

1 Step1 温度感受性リポソームの破壊

1-1温度感受性リポソームを破壊する実験

Structure of NIPAM
Making liposome

Lipidの組成は以下の通りである

Egg York PC(10mM) 10µl
Cholesterol(10mM) 1µl
CHCl3 90µl
TXR 0.01µl

Table.1 Making liposomes

1. Drying the liposomes above with argon gas and letting them stand for a night
2. Adding L paraffin 100µl to 1 and sonicating them for an hour
3. Picking up 10µl from 2, adding NIPAM2mg/ml to them and vibrating them with Vortex

上記のリポソームをArガスで乾燥させて一晩置いた。
Lパラフィン100µlを加えて超音波を1時間かけた。
そのうち10µlを取り出してNIPAM2mg/mlを加え、それをVortexにかけてリポソームを作製した

2 Step2 DNAによる連鎖的リポソームの破壊

2-1 DNAオリガミによるアプローチ

2-1-1 デザインしたDNAオリガミの作製
Making DNA origami
DNA origami recipe

We designed DNA origami by <A Href="http://cadnano.org/">caDNAno2</A>, software for designing 2D and 3D DNA origami.
Our DNA origami has 141 staples that have 30nt free single-stranded parts outside the DNA origami. The sequence of the parts is each DNA origami staple-TTTTTTTTTTTTTTTCTGTCGCATCGAGAG.
Between the staple and unique (CTGTCGCATCGAGAG) sequences, 15 T bases are inserted. They are to make a T loop. Thanks to this T loop, single-stranded DNA complementary to the unique sequences (such as Anchored DNA) are expected to easily hybridize with the unique sequence.
The 30nt single-stranded parts are stable till 37 degrees, according to <A Href="http://www.nupack.org/">NUPACK</A>).
The 141 staples have the same length so that they may be present at the same intervals in the DNA origami.
Each side of our origami is not fully covered with staples, and single-stranded M13 remains. This is for preventing π-π interaction and stacking by hydrophobic interaction between base pairs of double-stranded DNA.
This design enables each DNA origami to exist individually.

The list of strands

The other strands exept DNA origami staples used in our experiment are shown in Table1.
The sequence of cholesterol-conjugated DNA (in the rest of this document, referred to as Anchored DNA) is shown below (at the first sequence in Table1). For labeling, we also attached fluorescent tagged DNA (at the second in Table1) to our DNA origami.
To hybridize different strands of Anchored DNA and fluorescent tagged DNA with the same unique single-stranded parts of our origami, we arranged two kinds of adaptor DNA (at the third and fourth in Table1). One adaptor has complementary sequences to both the unique sequence and Anchored DNA. The other has complementary sequences to both the unique sequence and the fluorescent tagged DNA. Thanks to these two adaptors, two different strands can bind to the same unique sequence.

The kinds of DNAtrands Its sequence
Cholesterol-conjugated DNA (Anchored DNA) CCAGAAGACG
Fluorescent tagged DNA ACTAGTGAGTGCAGCAGTCGTACCA
Adaptor strand for Anchored DNA and the unique sequence in DNA origami CGTCTTCTGGCTCTCGATGCGACAG
Adaptor strand for fluorescent tagged DNA and the unique sequence in DNA origami TGGTACGACTGCTGCACTCACTAGTCTCTCGATGCGACAG

Table.1 The sequence of the strands used in our experiment

Annealing of DNA origami

The annealing solution is shown in Table2. The annealing was conducted for 2 hours and 51minutes (from 95 to 25 degrees: lower 1 degree per 2 minutes).

<ur>
  • Annealing solution with fluorescent tagged DNA 50µl
    84nM M13mp18 2.38µl
    Staples
    1µM migihaji 1µl
    1µM hidarihaji 1µl
    1µM ashibatemae 1µl
    200nM ashiba 5µl
    1µM cholesterol-hybridizing ssDNA 3µl
    1µM fluorescent-tagged DNA-hybridizing ssDNA 3µl
    5xTAE Mg2+ 10µl
    mQ 20.62µl
    1µM fluorescent-tagged DNA 3µM
  • Table.2 Annealing solution with fluorescent tagged DNA

  • Annealing solution with no fluorescent tagged DNA (control) 50µl
    We changed 3µl fluorescent tagged DNA in the above solution into the same quantity of mQ.


  • AFM observation

    As we thought excess staples produced more aggregation and made AFM observation difficult, control annealing solution was used for AFM observation.

    2-1-2 DNAオリガミに蛍光付きDNAがハイブリしていることの確認実験
    Electrophoresis

    We confirmed that our DNA origami was fluorescently labeled by electrophoresis.

    50µl of Annealing solution with fluorescent tagged DNA (used in 1-1)Making DNA origami) contains 3µl of 1µM fluorescent tagged DNA.
    To see if the origami binds to the fluorescent tagged DNA in shorter time, we added 0.6µl of 1µM fluorescent tagged DNA into 10 µl control annealing solution, and left it for 40 minutes.

    Agarose gel recipe: 0.4g agarose, 0.8ml 50xTAE, 39.2ml mQ

    The electrophoresis was conducted with 1% agarose gel, CV 100V, for 50 minutes.

    2-1-3 DNAオリガミによりリポソームを破壊する実験
    Concentration of Anchored DNA

    To float Anchored DNA on the surface of liposome, we added Anchored DNA into liposomes at the final concentration of 0.018, 0.069, 1.8, and 6.9µM. Each sample was as follows.

    <ur>
  • Liposome with 0.018µM Anchored DNA: 1µl 0.1µM Anchored DNA and 2.5µl liposome
  • Liposome with 0.069µM Anchored DNA: 10µl 0.1µM DNAs and 2.5µl liposome
  • Liposome with 1.8µM Anchored DNA: 1µl 10µM DNAs and 2.5µl liposome
  • Liposome with 6.9µM Anchored DNA: 10µl 10µM DNAs and 2.5µl liposome

  • Observation by phase and fluorescent microscope

    We observed each sample with a phase microscope.

    Then we added 2µl DNA origami into each sample and saw if some change would happen with a fluorescent microscope.
    The DNA origami for fluorescent microscope observation was made according to Table3 annealing solution. It contained more cholesterol-hybridizing ssDNAs and fluorescent-tagged DNA-hybridizing ssDNAs than Annealing solution used in 1-1), because we considered a sample with more fluorescent molecules was suitable for observation.

    84nM M13mp18 2.38µl
    Staples
    1µM migihaji 1µl
    1µM hidarihaji 1µl
    1µM ashibatemae 1µl
    200nM ashiba 5µl
    100µM cholesterol-hybridizing ssDNA 4.23µl
    100µM fluorescent-tagged DNA-hybridizing ssDNA 4.23µl
    5xTAE Mg2+ 10µl
    mQ 23.54µl

    Table.3 50µl Annealing solution for fluorescent microscope observation

    After annealing, we added 4.23µl 100µM fluorescent-tagged DNA (the same quantity of fluorescent-tagged DNA-hybridizing ssDNA).

    2-1-4 DNAによる配列特異性を証明する実験
    Making liposome

    We made liposomes in a spontaneous-transfer way. They were divided into two types: liposomes A of GFP, Green Fluorescent Protein, and liposomes B of Red Fluorescent Protein. These two kinds of liposomes have the same Outer Buffer but different Inner Buffer. Composition of these two buffers is as follows.

    リポソームは界面通過法により作製した。GFPの緑の蛍光を持つリポソームAとローダミンの赤の蛍光を持つリポソームBの二種類を作製した。この二種類のリポソームはOuter Bufferは共通でInner Bufferは異なる。各バッファーの組成は以下のとおりである。

    Outer Buffer STE(GFPの代わり) 10µl
    グルコース(1M) 250µl
    25×TAE 20µl
    25×TAE 20µl
    LiposomeA Inner Buffer GFP 5µl
    スクロース(1M) 125µl
    25×TAE Mg2+ 10µl
    mQ 110µl
    LiposomeB Inner Buffer ローダミン 0.5µl
    スクロース(1M) 12.5µl
    25×TAE Mg2+ 10µl
    mQ 110µl

    1. Tapping of inner 2 and lipid paraffin 50
    2. Putting paraffin 50 on outer 50
    3. Putting 1 on 2
    4. Centrifuging 3 for 5 minutes
    5. Observing leak of liposomes from the bottom of tubes by needles

    1Inner 2+lipidパラフィン50 たっぴんぐ
    2パラフィン50をouter 50に乗せる
    31を2の上に乗せる
    4遠心5分間
    5針でチューブの底のリポを取り出して観察する

    2-2 フラワーミセルによるアプローチ

    2-2-1 SPRによるループ構造の確認
    Making liposome
    2-2-2フラワーミセルによりリポソームを破壊する実験
    Making liposome
    2-2-3 DNAによる配列特異性を証明する実験
    Making liposome


           </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>