View More
document.getElementById(“viewMoreBtn”).addEventListener(“click”, function () {
const olderData = document.getElementById(“olderData”);
const btn = document.getElementById(“viewMoreBtn”);
if (olderData.style.display === “none”) {
olderData.style.display = “table-row-group”;
btn.textContent = “View Less”;
} else {
olderData.style.display = “none”;
btn.textContent = “View More”;
}
});
View More
document.getElementById(“viewMoreInvestorBtn”).addEventListener(“click”, function () {
const olderData = document.getElementById(“olderInvestorData”);
const btn = document.getElementById(“viewMoreInvestorBtn”);
if (olderData.style.display === “none”) {
olderData.style.display = “table-row-group”;
btn.textContent = “View Less”;
} else {
olderData.style.display = “none”;
btn.textContent = “View More”;
}
});
View More
const btn = document.getElementById(“toggleBtn”);
const moreRows = document.querySelectorAll(“#policiesTable .moreRows”);
let expanded = false;
btn.addEventListener(“click”, function () {
expanded = !expanded;
moreRows.forEach(row => row.style.display = expanded ? “table-row” : “none”);
btn.textContent = expanded ? “View Less” : “View More”;
});
table.shareholding-table {
width: 100%;
border-collapse: collapse;
text-align: center;
margin-bottom: 15px;
}
.shareholding-table th {
background-color: #5b9bd5;
color: #fff;
padding: 10px;
border: 1px solid #ccc;
}
.shareholding-table td {
background: #f7f7f7;
padding: 10px;
border: 1px solid #8D9198;
color: #000;
text-align: left;
}
.shareholding-table a {
color: #000;
text-decoration: none;
font-weight: 500;
}
td.disabled {
color: #ccc;
pointer-events: none;
}
.moreRows {
display: none;
}
.view-btn {
background-color: #5b9bd5 !important;
color: #fff;
border: none;
padding: 8px 16px;
border-radius: 5px;
cursor: pointer;
font-weight: 500;
}
.view-btn:hover {
background-color: #4a8ac4;
}
View More
function toggleRows() {
const rows = document.querySelectorAll(‘.moreRows’);
const btn = document.querySelector(‘.view-btn’);
const isHidden = rows[0].style.display === ‘none’ || rows[0].style.display === ”;
rows.forEach(row => {
row.style.display = isHidden ? ‘table-row’ : ‘none’;
});
btn.textContent = isHidden ? ‘View Less’ : ‘View More’;
}
table.annual-report-table {
width: 100%;
border-collapse: collapse;
text-align: left;
margin-bottom: 15px;
}
.annual-report-table th {
color: #fff;
padding: 10px;
border: 1px solid #ccc;
text-align: center;
}
.annual-report-table td {
border: 1px solid #ccc;
padding: 10px;
} .annual-report-table a {
color: #0078d7;
text-decoration: none;
font-weight: 500;
}
.annual-report-table i {
color: #d9534f;
margin-right: 6px;
} .moreReports {
display: none;
} .view-btn {
background-color: #5b9bd5;
color: #fff;
border: none;
padding: 8px 16px;
border-radius: 5px;
cursor: pointer;
font-weight: 500;
} .view-btn:hover {
background-color: #4a8ac4;
}
View More
function toggleReports() {
const rows = document.querySelectorAll(‘.moreReports’);
const btn = document.querySelector(‘.view-btn’);
const isHidden = rows[0].style.display === ‘none’ || rows[0].style.display === ”;
rows.forEach(row => {
row.style.display = isHidden ? ‘table-row’ : ‘none’;
});
btn.textContent = isHidden ? ‘View Less’ : ‘View More’;
}
