tag:blogger.com,1999:blog-33351689612171443712024-12-19T08:50:30.078+05:30economics Hindi notesRUPESH SINGHhttp://www.blogger.com/profile/17875521985245535880noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-3335168961217144371.post-29159996418042589382020-05-04T17:08:00.001+05:302020-05-14T08:44:19.382+05:30abc<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<html>
<title>W3.CSS</title>
<link href="https://www.w3schools.com/w3css/4/w3.css" rel="stylesheet"></link>
<body>
<div class="w3-container">
<h2>
Closable Tabs</h2>
To close a tab, add onclick="this.parentElement.style.display='none'" to an element inside the tab container.<br />
<strong>Tip:</strong> The w3-button class can be used to style the close button (x):<br />
</div>
<div class="w3-bar w3-black">
<button class="w3-bar-item w3-button" onclick="openCity('London')">London</button>
<button class="w3-bar-item w3-button" onclick="openCity('Paris')">Paris</button>
<button class="w3-bar-item w3-button" onclick="openCity('Tokyo')">Tokyo</button>
</div>
<div class="w3-container w3-display-container city" id="London">
<span class="w3-button w3-large w3-display-topright" onclick="this.parentElement.style.display='none'">×</span>
<h2>
London</h2>
London is the capital city of England.<br />
</div>
<div class="w3-container w3-display-container city" id="Paris" style="display: none;">
<span class="w3-button w3-large w3-display-topright" onclick="this.parentElement.style.display='none'">×</span>
<h2>
Paris</h2>
Paris is the capital of France.<br />
</div>
<div class="w3-container w3-display-container city" id="Tokyo" style="display: none;">
<span class="w3-button w3-large w3-display-topright" onclick="this.parentElement.style.display='none'">×</span>
<h2>
Tokyo</h2>
Tokyo is the capital of Japan.<br />
</div>
<script>
function openCity(cityName) {
var i;
var x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
document.getElementById(cityName).style.display = "block";
}
</script>
</body>
</html>
</div>
RUPESH SINGHhttp://www.blogger.com/profile/17875521985245535880noreply@blogger.com0