سلام
کد برای ایجاد تب نوشتم ولی کار نمیکند. لطف میکنید ایراد کار را به من بگویید
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<style>
:target {
background-color: palevioletred;
border: 1px solid gray;
}
section > ul > li {
display: inline;
}
section div.tab-content {
position: relative;
}
section div.tab-content > div {
width: 300px;
height: 200px;
background-color: lightblue;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}
section div.tab-content > div:nth-of-type(odd) {
background-color: red;
}
section:target {
z-index: 9 !important;
}
</style>
<section>
<ul>
<li>
<a href="#tab1">tab1</a>
</li>
<li>
<a href="#tab2">tab2</a>
</li>
<li>
<a href="#tab3">tab3</a>
</li>
</ul>
<div class="tab-content">
<div id="tab1">tab1</div>
<div id="tab2">tab2</div>
<div id="tab3">tab3</div>
</div>
</section>
</body>
</html>
با تشکر
با سلام
دوست عزیز بهتر از jquery استفاده کنید . یه تابع بنویسید که در زمان لود صفحه هر سه div با ایدی های tab1,tab2,tab3 مخفی باشن بعد یکی رو نمایش بدید در ادامه با کلیک روی هرر کدوم از تب ها دوتای دیگه مخفی و تبی که روش کلیک شده نمایش داده بشه
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)
