Wijmo ユーザーガイド > ウィジェット > Tabs > マークアップとスクリプティング |
wijTabs ウィジェットの HTML マークアップは次のようになります。
マークアップ |
コードのコピー |
---|---|
<h3>Protein Translation Process</h3> <p>The translation process is divided into three steps:</p> <div id="tabs"> <ul> <li><a href="#tabs-1">Step 1</a></li> <li><a href="#tabs-2">Step 2</a></li> <li><a href="#tabs-3">Step 3</a></li> </ul> <div id="tabs-1"> <p> <strong>Initiation</strong>: When a small subunit of a ribosome charged with a tRNA+the amino acid methionine encounters an mRNA, it attaches and starts to scan for a start signal. When it finds the start sequence AUG, the codon (triplet) for the amino acid methionine, the large subunit joins the small one to form a complete ribosome and the protein synthesis is initiated. </p> </div> <div id="tabs-2"> <p> <strong>Elongation</strong>: A new tRNA+amino acid enters the ribosome, at the next codon downstream of the AUG codon. If its anticodon matches the mRNA codon it basepairs and the ribosome can link the two aminoacids together.(If a tRNA with the wrong anticodon and therefore the wrong amino acid enters the ribosome, it can not basepair with the mRNA and is rejected.) The ribosome then moves one triplet forward and a new tRNA+amino acid can enter the ribosome and the procedure is repeated.</p> </div> <div id="tabs-3"> <p><strong>Termination</strong>: When the ribosome reaches one of three stop codons, for example UGA, there are no corresponding tRNAs to that sequence. Instead termination proteins bind to the ribosome and stimulate the release of the polypeptide chain (the protein), and the ribosome dissociates from the mRNA. When the ribosome is released from the mRNA, its large and small subunit dissociate. The small subunit can now be loaded with a new tRNA+methionine and start translation once again. Some cells need large quantities of a particular protein. To meet this requirement they make many mRNA copies of the corresponding gene and have many ribosomes working on each mRNA. After translation the protein will usually undergo some further modifications before it becomes fully active.</p> </div> </div> |
次の jQuery スクリプトでウィジェットを初期化できます。
スクリプト |
コードのコピー |
---|---|
<script type="text/javascript"> $(document).ready(function () { $("#tabs").wijtabs(); }); </script> |
ここで説明しているマークアップとスクリプトの結果は次のようになります。タブをクリックするとコンテンツが表示されます。