Nature Reserve
About This Attraction
Jonkershoek Nature Reserve is located in the scenic Jonkershoek Valley near Stellenbosch, South Africa. The reserve covers approximately 11,000 hectares and is part of the Cape Floristic Region, a UNESCO World Heritage site. It offers an array of outdoor activities such as hiking and mountain biking, with trails that vary from easy walks to challenging routes for more experienced adventurers. The reserves diverse vegetation includes fynbos and patches of indigenous forest, making it a habitat for various bird species and small mammals.
Visitors should check the Jonkershoek Nature Reserve opening hours before planning their trip, as these can vary by season. Facilities include picnic areas where families can enjoy meals amidst natures tranquility. Remember to bring sufficient water and sun protection when visiting, as the weather can be unpredictable. Whether you are a nature lover or simply looking for a peaceful retreat, Jonkershoek offers something for everyone looking to experience the beauty of South Africas natural environment.
Location Details
Address
Jonkershoek Rd, Stellenbosch, 7600, South Africa
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
50 ZAR
Child
30 ZAR
Student
30 ZAR
Senior
30 ZAR
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
07:30 - 16:00
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Stellenbosch University is located in Stellenbosch, South Africa. It is one of the oldest universities…
Learn More
Dorp Street in Stellenbosch is one of the oldest streets in South Africa, showcasing a…
Learn More
Kirstenbosch National Botanical Garden, located in Cape Town, South Africa, is renowned for its stunning…
Learn More
Table Mountain is a prominent landmark located in Cape Town, South Africa. Known for its…
Learn More
Robben Island, located off the coast of Cape Town, South Africa, is a significant historical…
Learn More
The Golden Mile in Durban is a well-known stretch of beachfront, approximately 6 kilometers long,…
Learn More
Stellenbosch is home to a wide range of wine estates, each offering unique experiences amid…
Learn More
Soweto, short for South Western Townships, is located in Johannesburg, South Africa. It is known…
Learn More
The Apartheid Museum in Johannesburg is a significant historical site dedicated to illustrating the rise…
Learn More
Gold Reef City in Johannesburg is a popular theme park and entertainment destination built on…
Learn More
";
}
// Initialize modal controls
const initModalControls = function() {
console.log('Initializing modal controls');
const modal = document.getElementById('attraction-modal');
const closeBtn = document.querySelector('.attraction-modal-close');
if (closeBtn) {
closeBtn.addEventListener('click', function() {
modal.style.display = 'none';
document.body.style.overflow = '';
});
}
window.addEventListener('click', function(event) {
if (event.target === modal) {
modal.style.display = 'none';
document.body.style.overflow = '';
}
});
// Make attraction cards clickable
const attractionCards = document.querySelectorAll('.attraction-card');
console.log('Found ' + attractionCards.length + ' attraction cards');
attractionCards.forEach(card => {
card.addEventListener('click', function(e) {
openModalWithCardData(this);
});
});
};
// Function to open modal with card data
const openModalWithCardData = function(card) {
// Get data from hidden div
const data = card.querySelector('.attraction-full-data');
if (!data) {
console.error('No attraction data found in card');
return;
}
const modal = document.getElementById('attraction-modal');
if (!modal) {
console.error('Modal element still not found after creation attempt');
return;
}
// Helper function to safely get element text
function getElementText(selector) {
const element = data.querySelector(selector);
return element ? element.textContent : '';
}
try {
// Basic Info
document.getElementById('attraction-modal-title').textContent = getElementText('.attraction-name');
document.getElementById('attraction-modal-type').textContent = getElementText('.attraction-type-full');
document.getElementById('attraction-modal-description').textContent = getElementText('.attraction-description-full');
// Reset all containers to hidden
['attraction-modal-hours-container', 'attraction-modal-price-container',
'attraction-modal-address-container', 'attraction-modal-image-container'].forEach(id => {
const container = document.getElementById(id);
if (container) container.style.display = 'none';
});
// Rating
const ratingText = getElementText('.attraction-rating-full');
if (ratingText) {
const ratingValue = parseFloat(ratingText);
if (!isNaN(ratingValue)) {
const ratingValueEl = document.getElementById('attraction-modal-rating-value');
const ratingFillEl = document.getElementById('attraction-modal-rating-fill');
if (ratingValueEl) ratingValueEl.textContent = ratingValue.toFixed(1) + '/10';
if (ratingFillEl) ratingFillEl.style.width = (ratingValue * 10) + '%';
}
}
// Show the modal
modal.style.display = 'block';
document.body.style.overflow = 'hidden'; // Prevent background scrolling
console.log('Modal opened successfully');
} catch (error) {
console.error('Error opening modal:', error);
}
};
// Try to create the modal
const created = createModal();
console.log('Modal created:', created);
// If not created (already exists), initialize the controls
if (!created) {
initModalControls();
}
// Also initialize distance toggle
const distanceToggle = document.getElementById('distance-unit-toggle');
if (distanceToggle) {
distanceToggle.addEventListener('change', function() {
const showKm = this.checked;
// Update toggle labels
const labels = document.querySelectorAll('.toggle-label');
if (labels.length >= 2) {
labels[0].style.opacity = showKm ? '0.5' : '1';
labels[1].style.opacity = showKm ? '1' : '0.5';
}
// Update all distance displays
document.querySelectorAll('.nearby-attraction-card').forEach(card => {
const kmEl = card.querySelector('.distance-km');
const miEl = card.querySelector('.distance-mi');
if (kmEl && miEl) {
kmEl.style.display = showKm ? 'inline' : 'none';
miEl.style.display = showKm ? 'none' : 'inline';
}
});
});
}
});