|
6 | 6 | xmlns:m="http://www.w3.org/1998/Math/MathML" |
7 | 7 | xmlns:html="http://www.w3.org/1999/xhtml" |
8 | 8 | xmlns:db="http://docbook.org/ns/docbook"> |
9 | | - <title>Add Tabbed Navigation</title> |
| 9 | + <title>Adicionando navegação por abas</title> |
10 | 10 |
|
11 | | - <para>Open the file <filename>/exercises/index.html</filename> in your |
12 | | - browser. Use the file <filename>/exercises/js/tabs.js</filename>. Your |
13 | | - task is to create tabbed navigation for the two div.module elements. To |
14 | | - accomplish this:</para> |
| 11 | + <para>Abra o arquivo<filename>/exercises/index.html</filename> no seu |
| 12 | + navegador. Use o arquivo <filename>/exercises/js/tabs.js</filename>. Sua |
| 13 | + tarefa é criar uma navegação por abas para os dois elementos div.module. |
| 14 | + Para fazer isto::</para> |
15 | 15 |
|
16 | 16 | <orderedlist> |
17 | 17 | <listitem> |
18 | | - <para>Hide all of the modules.</para> |
| 18 | + <para>Esconda todos os modules.</para> |
19 | 19 | </listitem> |
20 | 20 |
|
21 | 21 | <listitem> |
22 | | - <para>Create an unordered list element before the first module.</para> |
| 22 | + <para>Crie uma lista não-ordenada antes do primeiro módulo.</para> |
23 | 23 | </listitem> |
24 | 24 |
|
25 | 25 | <listitem> |
26 | | - <para>Iterate over the modules using <code>$.fn.each</code>. For each |
27 | | - module, use the text of the h2 element as the text for a list item |
28 | | - that you add to the unordered list element.</para> |
| 26 | + <para>Itere sobre os módulos usando <code>$.fn.each</code>. Para cada |
| 27 | + módulo, use o texto para o elemento h2 como o texto para um item da |
| 28 | + lista.</para> |
29 | 29 | </listitem> |
30 | 30 |
|
31 | 31 | <listitem> |
32 | | - <para>Bind a click even to the list item that:</para> |
| 32 | + <para>Crie um bind do evento click no item de lista que:</para> |
33 | 33 |
|
34 | 34 | <itemizedlist> |
35 | 35 | <listitem> |
36 | | - <para>Shows the related module, and hides any other modules</para> |
| 36 | + <para>Exiba o módulo relacionado e esconda qualquer outro módulo.</para> |
37 | 37 | </listitem> |
38 | 38 |
|
39 | 39 | <listitem> |
40 | | - <para>Adds a class of "current" to the clicked list item</para> |
| 40 | + <para>Adicione uma classe "current" para o item de lista clicado.</para> |
41 | 41 | </listitem> |
42 | 42 |
|
43 | 43 | <listitem> |
44 | | - <para>Removes the class "current" from the other list item</para> |
| 44 | + <para>Remova a classe "current" do outro item de lista.</para> |
45 | 45 | </listitem> |
46 | 46 | </itemizedlist> |
47 | 47 | </listitem> |
48 | 48 |
|
49 | 49 | <listitem> |
50 | | - <para>Finally, show the first tab.</para> |
| 50 | + <para>Por último, mostra a primeira tabela.</para> |
51 | 51 | </listitem> |
52 | 52 | </orderedlist> |
53 | 53 | </section> |
0 commit comments