Content from Tabs 3 and 4 showing up in all tabs

Jump to solution
cstewart2
Community Member

I'm trying to make four tabs for this section of the course, but for some reason the content from tab 3 and 4 are showing up in all tabs. How can I make the content from 3 and 4 ONLY show up in tabs 3 and 4, respectively? 

Here's the code being used: 

<div class="enhanceable_content tabs" style="width: 95%;">
<ul>
<li><a href="#fragment-1"><span>Case Study</span></a></li>
<li><span><a href="#fragment-2"><span>Practice for the Classroom I</span></a></span></li>
<li><span><a href="#fragment-3"><span>Reflect and Respond</span></a></span></li>
<li><span><a href="#fragment-4"><span>Practice for the Classroom II</span></a></span></li>
</ul>
<p> </p>
<div id="fragment-1">
<div style="padding: 0px;">
<h3 style="line-height: 0.07em;"><span style="color: #000000; font-size: 18pt;">Case Study</span></h3>
<div style="width: 95%; height: 3px; background-color: #1b7597;"> </div>
<div style="padding: 10px; width: 90%;">
<p><strong>Materials </strong></p>
<ul>
<li style="font-weight: 400;"><a class="" href="https://www.youtube.com/watch?v=YyTMXZdsatg&amp;amp=&amp;list=PLj1tRCohZq82UPCMjmMkkWhWzLePLp6d5&amp;amp=&amp;index=9" data-preview-alt="Antisemitism after the Holocaust"><span style="font-weight: 400;">Video: Antisemitism After the Holocaust </span></a></li>
<li style="font-weight: 400;"><a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-01-06-03_StudentHandout_AntisemiticWordsImages.pdf" data-preview-alt="Antisemitism after the Holocaust"><span style="font-weight: 400;">Antisemitic Words and Images </span></a></li>
<li style="font-weight: 400;"><a href="https://www.ushmm.org/antisemitism/holocaust-denial-and-distortion"><span style="font-weight: 400;">Video: Holocaust Denial, Explained</span></a></li>
<li style="font-weight: 400;"><a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-02-05_HolocaustDenialDistortion.pdf" data-preview-alt="Antisemitism after the Holocaust"><span style="font-weight: 400;">Holocaust Denial and Distortion </span></a></li>
<li style="font-weight: 400;"><a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-02-09_StudentHandout_The-New-Antisemitism.pdf" data-preview-alt="Antisemitism after the Holocaust"><span style="font-weight: 400;">Antisemitism and the 3D&rsquo;s </span></a></li>
<li style="font-weight: 400;"><span style="font-weight: 400;"><a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-02-10-01_StudentHandout_CaseStudiesAntisemitism-1.pdf" data-preview-alt="Antisemitism after the Holocaust">Case Studies in Antisemitism</a> </span></li>
</ul>
<p><strong>Introduction </strong></p>
<p style="text-align: center;"><i><span style="font-weight: 400;">After the Second World War...many assumed antisemitism as they knew it had become the persona non grata of the civilized world... What they did not anticipate is antisemitism innovating itself...assuming the old hatred with a modern facade.  - Lev Stesin, Author</span></i></p>
<p><strong>Consider this quote and respond in the discussion below. Why do you think antisemitism didn&rsquo;t end after the Holocaust?</strong><span style="font-weight: 400;"> </span></p>
<p><span style="font-weight: 400;">This case study dives into Holocaust denial and distortion. Many educators and students are familiar with these forms of antisemitism, but the link between them can be complex, especially when teasing out their relationship with delegitimization of Israel, and demonization of its leaders. Here, you will dig deeper into how these examples of contemporary antisemitism grew after World War II. These are ideas that challenge the reality of the mass murder of six million Jews by the Nazis and their allies during World War II, despite the fact that the Holocaust is the most well documented genocide that has ever occurred. </span></p>
<p><span style="font-weight: 400;">Holocaust deniers and distorters are generally motivated by their hatred of Jews, and their denial has another motive. This may be delegitimization of the State of Israel by saying that the Holocaust was a &ldquo;hoax&rdquo; invented as a rationale to give special treatment to the Jews by giving them a State.</span></p>
<p><span style="font-weight: 400;">Similarly, another extension of &ldquo;new antisemitism&rdquo; is centered on opposition to the State of Israel, sometimes its policies and sometimes its right to exist at all.</span></p>
<p><span style="font-weight: 400;">Throughout this case study, you will explore examples of how these new expressions of antisemitism can manifest in cartoons, protest signs and movement, media, and outright hate speech. These examples can sometimes be disturbing and you are encouraged to create a safe classroom environment</span></p>
<p><span style="font-weight: 400;">As in previous modules, these themes can be frightening and confusing for students, and should be presented and contextualized in developmentally appropriate ways.</span></p>
</div>
</div>
</div>
<div id="fragment-2">
<h3 style="line-height: 0.07em;"><span style="color: #000000; font-size: 18pt;">Practice for the Classroom - Part I</span></h3>
<div style="width: 95%; height: 3px; background-color: #1b7597;"><span style="color: #000000;"> </span></div>
<div style="padding: 10px; width: 90%;">
<p><span style="font-weight: 400;">In your classroom, you will begin by defining terms, and introducing students to the handout, <a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-02-05_HolocaustDenialDistortion.pdf">Holocaust Denial and Distortion</a>. This definition will help students to understand characteristics and features of Holocaust denial. Watch the video, <a href="https://www.ushmm.org/antisemitism/holocaust-denial-and-distortion">Holocaust Denial, Explained</a>, from the United States Holocaust Memorial Museum. Then, review the biographical information and watch the testimonies of Felix Sparks, Marta Wise, and Naomi Adler. </span></p>
<p><strong>Now, through a student lens, note key words and phrases that stand out to you, and thoughts and questions that come up as you listen. Choose one of the following questions to respond to in the discussion below:</strong></p>
<ul>
<li><strong>What forms do Holocaust denial and distortion take? What belief systems are behind them?</strong></li>
<li><strong>Why might some people be influenced by the ideas of deniers or distorters?</strong></li>
</ul>
<p> </p>
</div>
</div>
</div>
<div id="fragment-3">
<h3 style="line-height: 0.07em;"><span style="color: #000000; font-size: 18pt;"><br /><br /><br /><br /><br />Reflect and Respond</span></h3>
<div style="width: 95%; height: 3px; background-color: #1b7597;"> </div>
<div style="padding: 10px; width: 90%;">
<p><strong>Respond to the following questions to reflect on your classroom practice and share in the group discussion:</strong></p>
<ul>
<li style="font-weight: 400;"><strong>In what ways do your students experience or are familiar with this form of antisemitism? </strong></li>
<li style="font-weight: 400;"><strong>How would you ensure a safe learning environment when tackling this topic? Offer a strategy to a classmate on engaging in this kind of discussion. </strong></li>
</ul>
<p><br /><br /><em><strong>Note:</strong> Your discussion responses will appear below each tab in this section.</em><em></em></p>
</div>
</div>
<div id="fragment-4">
<h3 style="line-height: 0.07em;"><span style="color: #000000; font-size: 18pt;"><br /><br /><br /><br /><br />Practice for the Classroom - Part II</span></h3>
<div style="width: 95%; height: 3px; background-color: #1b7597;"> </div>
<div style="padding: 10px; width: 90%;">
<p>One of the most potent forms of antisemitism lies in the criticism of Israel. Explain to students that one of the complexities of this form of antisemitism is that Israel often becomes the focus of the hatred of Jews, and treated with double standards. In this way, antisemitic ideas once directed at &ldquo;the Jew&rdquo; become centered around opposition to Israel, but because this criticism is directed against a country, this antisemitism is often able to disguise itself as political criticism.</p>
<p>A classic symptom of the new antisemitism, Jewish people, regardless of where they live, have been increasingly targeted as responsible for the actions and policies of Israel. This rising hatred has led to harassment, discrimination and even violence.</p>
<p>Now, you will build on the concept of &ldquo;new antisemitism&rdquo; by examining where, in a few scenarios, students can understand and detect antisemitism. Using the handout, <a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-02-10-01_StudentHandout_CaseStudiesAntisemitism-1.pdf">&ldquo;Case Studies of Antisemitism&rdquo;</a> you will divide students into groups to discuss how antisemitism was at play in each scenario, using evidence to back it up. </p>
<p><strong><span style="font-family: 'Calibri',sans-serif;">Now, through a student lens, examine the Case Studies of Antisemitism and choose an image/scenario/text which you feel best illustrates a facet of &ldquo;new expressions of antisemitism&rdquo; using evidence, explain why in the discussion below. </span></strong><em></em></p>
</div>
<p><strong>Course Progress Bar</strong></p>
<div id="progressbar" class="ui-progressbar ui-widget ui-widget-content ui-corner-all" style="width: 100%;" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100">
<div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: 84%;"> </div>
</div>
</div>

Rich Content:

352091_pastedImage_2.png

352092_pastedImage_4.png

0 Likes
1 Solution
langlangcat
Community Contributor

You have an extra </div> in tab II, that messes up the rest. 

I would suggest cleaning up the HTML a little bit. The current codes are too messy. Were I you, I would not embed these many <div>s inside one <div>, many of the <p> tags and <br/> tags are unnecessary

here is the corrected version:

<div class="enhanceable_content tabs" style="width: 95%;">
<ul>
<li><a href="#fragment-1"><span>Case Study</span></a></li>
<li><a href="#fragment-2"><span>Practice for the Classroom I</span></a></li>
<li><a href="#fragment-3"><span>Reflect and Respond</span></a></li>
<li><a href="#fragment-4"><span>Practice for the Classroom II</span></a></li>
</ul>
<div id="fragment-1">1
<div style="padding: 0px;">
<h3 style="line-height: 0.07em;"><span style="color: #000000; font-size: 18pt;">Case Study</span></h3>
<div style="padding: 10px; width: 90%;">
<p><strong>Materials </strong></p>
<ul>
<li style="font-weight: 400;"><a class="" href="https://www.youtube.com/watch?v=YyTMXZdsatg&amp;amp=&amp;list=PLj1tRCohZq82UPCMjmMkkWhWzLePLp6d5&amp;amp=&amp;index=9" data-preview-alt="Antisemitism after the Holocaust"><span style="font-weight: 400;">Video: Antisemitism After the Holocaust </span></a></li>
<li style="font-weight: 400;"><a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-01-06-03_StudentHandout_AntisemiticWordsImages.pdf" data-preview-alt="Antisemitism after the Holocaust"><span style="font-weight: 400;">Antisemitic Words and Images </span></a></li>
<li style="font-weight: 400;"><a href="https://www.ushmm.org/antisemitism/holocaust-denial-and-distortion"><span style="font-weight: 400;">Video: Holocaust Denial, Explained</span></a></li>
<li style="font-weight: 400;"><a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-02-05_HolocaustDenialDistortion.pdf" data-preview-alt="Antisemitism after the Holocaust"><span style="font-weight: 400;">Holocaust Denial and Distortion </span></a></li>
<li style="font-weight: 400;"><a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-02-09_StudentHandout_The-New-Antisemitism.pdf" data-preview-alt="Antisemitism after the Holocaust"><span style="font-weight: 400;">Antisemitism and the 3D&rsquo;s </span></a></li>
<li style="font-weight: 400;"><span style="font-weight: 400;"><a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-02-10-01_StudentHandout_CaseStudiesAntisemitism-1.pdf" data-preview-alt="Antisemitism after the Holocaust">Case Studies in Antisemitism</a> </span></li>
</ul>
<p><strong>Introduction </strong></p>
<p style="text-align: center;"><i><span style="font-weight: 400;">After the Second World War...many assumed antisemitism as they knew it had become the persona non grata of the civilized world... What they did not anticipate is antisemitism innovating itself...assuming the old hatred with a modern facade. - Lev Stesin, Author</span></i></p>
<p><strong>Consider this quote and respond in the discussion below. Why do you think antisemitism didn&rsquo;t end after the Holocaust?</strong></p>
<p><span style="font-weight: 400;">This case study dives into Holocaust denial and distortion. Many educators and students are familiar with these forms of antisemitism, but the link between them can be complex, especially when teasing out their relationship with delegitimization of Israel, and demonization of its leaders. Here, you will dig deeper into how these examples of contemporary antisemitism grew after World War II. These are ideas that challenge the reality of the mass murder of six million Jews by the Nazis and their allies during World War II, despite the fact that the Holocaust is the most well documented genocide that has ever occurred. </span></p>
<p><span style="font-weight: 400;">Holocaust deniers and distorters are generally motivated by their hatred of Jews, and their denial has another motive. This may be delegitimization of the State of Israel by saying that the Holocaust was a &ldquo;hoax&rdquo; invented as a rationale to give special treatment to the Jews by giving them a State.</span></p>
<p><span style="font-weight: 400;">Similarly, another extension of &ldquo;new antisemitism&rdquo; is centered on opposition to the State of Israel, sometimes its policies and sometimes its right to exist at all.</span></p>
<p><span style="font-weight: 400;">Throughout this case study, you will explore examples of how these new expressions of antisemitism can manifest in cartoons, protest signs and movement, media, and outright hate speech. These examples can sometimes be disturbing and you are encouraged to create a safe classroom environment</span></p>
<p><span style="font-weight: 400;">As in previous modules, these themes can be frightening and confusing for students, and should be presented and contextualized in developmentally appropriate ways.</span></p>
</div>
</div>
</div>
<div id="fragment-2">2
<h3 style="line-height: 0.07em;"><span style="color: #000000; font-size: 18pt;">Practice for the Classroom - Part I</span></h3>
<div style="padding: 10px; width: 90%;">
<p><span style="font-weight: 400;">In your classroom, you will begin by defining terms, and introducing students to the handout, <a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-02-05_HolocaustDenialDistortion.pdf">Holocaust Denial and Distortion</a>. This definition will help students to understand characteristics and features of Holocaust denial. Watch the video, <a href="https://www.ushmm.org/antisemitism/holocaust-denial-and-distortion">Holocaust Denial, Explained</a>, from the United States Holocaust Memorial Museum. Then, review the biographical information and watch the testimonies of Felix Sparks, Marta Wise, and Naomi Adler. </span></p>
<p><strong>Now, through a student lens, note key words and phrases that stand out to you, and thoughts and questions that come up as you listen. Choose one of the following questions to respond to in the discussion below:</strong></p>
<ul>
<li><strong>What forms do Holocaust denial and distortion take? What belief systems are behind them?</strong></li>
<li><strong>Why might some people be influenced by the ideas of deniers or distorters?</strong></li>
</ul>
<p> </p>
</div>
</div>
<div id="fragment-3">3
<h3 style="line-height: 0.07em;"><span style="color: #000000; font-size: 18pt;"><br /><br /><br /><br /><br />Reflect and Respond</span></h3>
<div style="padding: 10px; width: 90%;">
<p><strong>Respond to the following questions to reflect on your classroom practice and share in the group discussion:</strong></p>
<ul>
<li style="font-weight: 400;"><strong>In what ways do your students experience or are familiar with this form of antisemitism? </strong></li>
<li style="font-weight: 400;"><strong>How would you ensure a safe learning environment when tackling this topic? Offer a strategy to a classmate on engaging in this kind of discussion. </strong></li>
</ul>
<p><br /><br /><em><strong>Note:</strong> Your discussion responses will appear below each tab in this section.</em><em></em></p>
</div>
</div>
<div id="fragment-4">4
<h3 style="line-height: 0.07em;"><span style="color: #000000; font-size: 18pt;"><br /><br /><br /><br /><br />Practice for the Classroom - Part II</span></h3>
<div style="padding: 10px; width: 90%;">
<p>One of the most potent forms of antisemitism lies in the criticism of Israel. Explain to students that one of the complexities of this form of antisemitism is that Israel often becomes the focus of the hatred of Jews, and treated with double standards. In this way, antisemitic ideas once directed at &ldquo;the Jew&rdquo; become centered around opposition to Israel, but because this criticism is directed against a country, this antisemitism is often able to disguise itself as political criticism.</p>
<p>A classic symptom of the new antisemitism, Jewish people, regardless of where they live, have been increasingly targeted as responsible for the actions and policies of Israel. This rising hatred has led to harassment, discrimination and even violence.</p>
<p>Now, you will build on the concept of &ldquo;new antisemitism&rdquo; by examining where, in a few scenarios, students can understand and detect antisemitism. Using the handout, <a href="https://echoesandreflections.org/wp-content/themes/twentysixteenechoes/fileview.php?source=1&amp;file_nm=2020/02/11-02-10-01_StudentHandout_CaseStudiesAntisemitism-1.pdf">&ldquo;Case Studies of Antisemitism&rdquo;</a> you will divide students into groups to discuss how antisemitism was at play in each scenario, using evidence to back it up.</p>
<p><strong><span style="font-family: 'Calibri',sans-serif;">Now, through a student lens, examine the Case Studies of Antisemitism and choose an image/scenario/text which you feel best illustrates a facet of &ldquo;new expressions of antisemitism&rdquo; using evidence, explain why in the discussion below. </span></strong><em></em></p>
</div>
<p><strong>Course Progress Bar</strong></p>
</div>
</div>

View solution in original post

0 Likes