好的我有一个简单的菜单选项;当用户点击其中一个菜单项时，屏幕上会显示该类别的div。 *（默认情况下，所有课程都应显示所有div。）
它看起来像什么：https://imgur.com/a/KZ9Ot
示例：如果点击外汇菜单，则会显示与外汇相关的div，而其他div将消失，所有课程菜单选项将默认显示所有div，除非另有点击。
我的尝试：所有div都有display: none;，我使用switch语句查找点击的div并更改为display:block以显示。
收到错误：
未捕获RangeError：超出最大调用堆栈大小 在n（jquery.js？ver = 1.12.4：2） 在HTMLDivElement。 （版本的jquery.js = 1.12.4：4）
/* COURSE SELECTION TOGGLE */
jQuery(document).ready(function() {
jQuery('.toggle-course-box-forex').toggleClass('show');
switch(jQuery('toggle-course-box').click()) {
case jQuery('#forex').click():
jQuery("toggle-course-box-forex").css({"display": "block"});
break;
case jQuery('#stock').click():
jQuery("toggle-course-box-stock").css({"display": "block"});
break;
default:
}
}); /* COURSE SELECTION TOGGLE ONLY*/
.pointer-cursor:hover {
cursor: pointer;
}
/* forex */
/*.toggle-course-box-forex {
display: none;
} */
.toggle-course-box-forex {
display: none;
transition: left 0.3s linear;
}
/* stock */
.toggle-course-box-stock {
display: none;
transition: left 0.3s linear;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="course-body-container">
<ul class="courses-menu course-content-home" id="course-selection-btn">
<li class="course-item pointer-cursor" id="all-courses"><a>ALL COURSES</a></li>
<li class="course-item pointer-cursor" id="degree"><a> DEGREES</a></li>
<li class="course-item pointer-cursor" id="workshop"><a> WORSHOPS</a></li>
<li class="course-item pointer-cursor" id="stock"><a>STOCK TRADER</a></li>
<li class="course-item pointer-cursor" id="forex"><a>FOREX</a></li>
</ul>
<div class="course-prev-box">
<div class="course-preview-category-1 toggle-course-box flex-item toggle-course-box-workshop">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">“Success with Stocks in PSX” Workshop</p>
<p class="course-preview-content" id="para-text">Experience the 2 day workshop for an introductory course on success with stocks in PSX</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-7 toggle-course-box flex-item toggle-course-box-stock">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">Art of Trading Stocks</p>
<p class="course-preview-content" id="para-text">Welcome in my course “Art of Trading Stocks”. It is recommended for newbies and traders still not making profits in trading. This course purely provides education for learning trading skills and is not an income advisory, by any means.</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-3 toggle-course-box flex-item toggle-course-box-mba">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">MBA(major course) Equity market</p>
<p class="course-preview-content" id="para-text">Our upcoming course on subject “Capital market” is aimed to be offered as major for MBA program is in collaboration with recognized universities in Karachi and soon will be launched in coming semester (subject to approval in time).</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-4 toggle-course-box flex-item toggle-course-box-bba">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">BBA (major course)Capital market </p>
<p class="course-preview-content" id="para-text">Our upcoming course on subject ” Capital market” is aimed to be offered as major for BBA program in collaboration with recognized universities in Karachi and soon will be launched in coming semester subject to approval in time. </p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-5 toggle-course-box flex-item toggle-course-box-stock">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">Managing Trading and Investment in Stocks</p>
<p class="course-preview-content" id="para-text">This course is designed for beginners and intermediary level students to learn about PSX. </p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-6 toggle-course-box flex-item toggle-course-box-forex">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">Introduction to Forex Trading</p>
<p class="course-preview-content" id="para-text">Welcome in my course “Introduction to Forex Trading”. It is recommended for newbies and beginners still not making profits in Forex. This basic course purely provides education for learning trading skills and is not an income advisory, by any means.</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-2 toggle-course-box flex-item toggle-course-box-forex">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">Becoming a Profitable Forex Trader</p>
<p class="course-preview-content" id="para-text">Welcome to course “Becoming a profitable Forex Trader”. This comprehensive course purely provides education for learning and enhancing your trading skills and is not an income advisory, by any means. The entire course is designed with educational content carefully filtered what actually works.</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-8 toggle-course-box flex-item toggle-course-box-stock">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">Introduction to technical analysis</p>
<p class="course-preview-content" id="para-text">Welcome in my course “Introduction to Technical Analysis”. It is recommended for newbies and traders still not making profits in trading and they would like to learn technical analysis to sharpen their trading skills. This basic course purely provides education for learning trading skills and is not an income advisory, by any means.</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
</div>
</div>
不确定我的做法有什么问题？替代解决方案？
答案 0 :(得分：1)
我不明白为什么要使用switch，所以我提出了另一种解决方案。
试试这个：
$(document).ready(function() {
$('.toggle-course-box-forex').toggleClass('show');
$('#forex').click(function() {
$(".toggle-course-box").css({ "display": "none"});
$(".toggle-course-box-forex").css({"display": "block"});
});
$('#stock').click(function() {
$(".toggle-course-box").css({"display": "none"});
$(".toggle-course-box-stock").css({"display": "block"});
});
$('#workshop').click(function() {
$(".toggle-course-box").css({"display": "none"});
$(".toggle-course-box-workshop").css({"display": "block"});
});
$('#all-courses').click(function() {
$(".toggle-course-box").css({"display": "none"});
$(".toggle-course-box-mba").css({"display": "block"});
});
$('#degree').click(function() {
$(".toggle-course-box").css({"display": "none"});
$(".toggle-course-box-bba").css({"display": "block"});
});
});/* COURSE SELECTION TOGGLE ONLY*/
.pointer-cursor:hover {
cursor: pointer;
}
/* forex */
.toggle-course-box{
display: none;
}
.toggle-course-box-forex {
display: none;
transition: left 0.3s linear;
}
/* stock */
.toggle-course-box-stock {
display: none;
transition: left 0.3s linear;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="course-body-container">
<ul class="courses-menu course-content-home" id="course-selection-btn">
<li class="course-item pointer-cursor" id="all-courses"><a>ALL COURSES</a></li>
<li class="course-item pointer-cursor" id="degree"><a> DEGREES</a></li>
<li class="course-item pointer-cursor" id="workshop"><a> WORSHOPS</a></li>
<li class="course-item pointer-cursor" id="stock"><a>STOCK TRADER</a></li>
<li class="course-item pointer-cursor" id="forex"><a>FOREX</a></li>
</ul>
<div class="course-prev-box">
<div class="course-preview-category-1 toggle-course-box flex-item toggle-course-box-workshop">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">“Success with Stocks in PSX” Workshop</p>
<p class="course-preview-content" id="para-text">Experience the 2 day workshop for an introductory course on success with stocks in PSX</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-7 toggle-course-box flex-item toggle-course-box-stock">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">Art of Trading Stocks</p>
<p class="course-preview-content" id="para-text">Welcome in my course “Art of Trading Stocks”. It is recommended for newbies and traders still not making profits in trading. This course purely provides education for learning trading skills and is not an income advisory, by any means.</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-3 toggle-course-box flex-item toggle-course-box-mba">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">MBA(major course) Equity market</p>
<p class="course-preview-content" id="para-text">Our upcoming course on subject “Capital market” is aimed to be offered as major for MBA program is in collaboration with recognized universities in Karachi and soon will be launched in coming semester (subject to approval in time).</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-4 toggle-course-box flex-item toggle-course-box-bba">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">BBA (major course)Capital market </p>
<p class="course-preview-content" id="para-text">Our upcoming course on subject ” Capital market” is aimed to be offered as major for BBA program in collaboration with recognized universities in Karachi and soon will be launched in coming semester subject to approval in time. </p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-5 toggle-course-box flex-item toggle-course-box-stock">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">Managing Trading and Investment in Stocks</p>
<p class="course-preview-content" id="para-text">This course is designed for beginners and intermediary level students to learn about PSX. </p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-6 toggle-course-box flex-item toggle-course-box-forex">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">Introduction to Forex Trading</p>
<p class="course-preview-content" id="para-text">Welcome in my course “Introduction to Forex Trading”. It is recommended for newbies and beginners still not making profits in Forex. This basic course purely provides education for learning trading skills and is not an income advisory, by any means.</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-2 toggle-course-box flex-item toggle-course-box-forex">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">Becoming a Profitable Forex Trader</p>
<p class="course-preview-content" id="para-text">Welcome to course “Becoming a profitable Forex Trader”. This comprehensive course purely provides education for learning and enhancing your trading skills and is not an income advisory, by any means. The entire course is designed with educational
content carefully filtered what actually works.</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
<div class="course-preview-category-8 toggle-course-box flex-item toggle-course-box-stock">
<img class="course-preview-img" src="img/course-icon.png">
<p class="course-preview-headline" id="secondary-headline">Introduction to technical analysis</p>
<p class="course-preview-content" id="para-text">Welcome in my course “Introduction to Technical Analysis”. It is recommended for newbies and traders still not making profits in trading and they would like to learn technical analysis to sharpen their trading skills. This basic course purely provides
education for learning trading skills and is not an income advisory, by any means.</p><br>
<a class="course-preview-btn" href="course-detail-template.html"> LEARN MORE</a>
</div>
</div>
</div>