During the Gilded Age in New York City, rooftop bars originated as a way to escape the busy streets and enjoy refreshing drinks while observing the city with a birds-eye view.

Rooftop bars have held onto their novelty, as they serve as social hotspots for locals and as a perfect place for visitors to take in a new city.

Whether watching the day unfold or on a night out under the stars, rooftop bars remain popular spots for enjoying libations.

Mambo’s in New Orleans named best rooftop bar in Louisiana

Mambo’s in New Orleans is the best rooftop bar in Louisiana, according to Foodie, and is the only rooftop bar on Bourbon Street.

This rooftop bar offers a unique vantage point of the infamous Bourbon Street, with panoramic views and a lively atmosphere making the bar a perfect place to take in New Orleans’ ambience.

The open-air space seats over 50 guests, and is the perfect place for a night out or for laid-back afternoon cocktails with a view of New Orleans’ iconic French and Spanish architecture.

The rooftop bar is not the only feature attracting patrons, as this three-story building holds a hidden entrance to a secret courtyard on the main floor that leads to a patio garden. On the second floor, there is another, more intimate bar adorned with Louisiana-themed decor.

Each floor retains a rustic, historical feel, with exposed brick and reclaimed cypress planks making up the building’s interior structure. Decorating the space are pieces of local art and cultural Louisiana artifacts, making the space feel somewhat like a museum.

Not just a spot for good drinks, Mambo’s offers a dining menu full of traditional Cajun and Creole flavors. Using only the freshest local ingredients, Mambo’s chefs create a menu rich in New Orleans heritage, offering dishes like jambalaya, seafood gumbo, crawfish étouffée and a variety of po’boys.

The best rooftop bar in every state according to Foodie

• Alabama: GunRunner Rooftop Bar in Florence
• Alaska: 49th State Brewing in Anchorage
• Arizona: The Perch Brewery in Chandler
• Arkansas: Celeste at The Preacher’s Son in Bentonville
• California: Florentín Rooftop Bar in Los Angeles
• Colorado: 54thirty Rooftop in Denver
• Connecticut: Sign of the Whale in Stamford
• Delaware: The Quoin Hotel + Restaurant in Wilmington
• Florida: Rosa Sky in Miami
• Georgia: 9 Mile Station in Atlanta
• Hawaii: Tikis Grill & Bar in Honolulu
• Idaho: Crave Kitchen & Bar in Eagle
• Illinois: Raised | An Urban Rooftop Bar in Chicago
• Indiana: 3UP Rooftop Lounge in Carmel
• Iowa: Wellman’s Pub & Rooftop in Des Moines
• Kansas: Tallgrass Tap House in Manhattan
• Kentucky: Lost Palm in Lexington
• Louisiana: Mambo’s in New Orleans
• Maine: Luna Rooftop Bar in Portland
• Maryland: Hip Flask Rooftop Bar in Bethesda
• Massachusetts: Apex Rooftop Bar and Lounge in Boston
• Michigan: The Monarch Club in Detroit
• Minnesota: Brit’s Pub in Minneapolis
• Mississippi: 10 South Rooftop Bar and Grill in Vicksburg
• Missouri: 360 Rooftop Bar in St. Louis
• Montana: Bozeman Taproom & Spirits in Bozeman
• Nebraska: The Rooftop in Lincoln
• Nevada: Chéri Rooftop in Las Vegas
• New Hampshire: Rooftop at The Envio in Portsmouth
• New Jersey: RoofTop at Exchange Place in Jersey City
• New Mexico: Coyote Cantina in Santa Fe
• New York: 230 Fifth in New York City
• North Carolina: Aura Rooftop in Charlotte
• North Dakota: Camp Lonetree in Fargo
• Ohio: VASO Rooftop Lounge in Dublin
• Oklahoma: Social Capital in Oklahoma City
• Oregon: The Roof Deck at Revolution Hall in Portland
• Pennsylvania: Standard Tap in Philadelphia
• Rhode Island: Rooftop at the Providence G in Providence
• South Carolina: Rip Tydz in Myrtle Beach
• South Dakota: Juniper at Vertex Sky Bar in Rapid City
• Tennessee: The Lookout at Ole Red in Nashville
• Texas: Upstairs at Caroline in Austin
• Utah: The Green Pig Pub in Salt Lake City
• Vermont: Juniper Bar & Restaurant in Burlington
• Virginia: The Lost Fox Hideaway in Ashburn
• Washington: The Pink Door in Seattle
• West Virginia: LaFontaine’s Rooftop Lounge in Huntington
• Wisconsin: People’s Park in Waukesha
• Wyoming: Bear Bottom Bar and Grill in Centennial

Presley Bo Tyler is the Louisiana Deep South Connect Team reporter for USA Today Network. Find her on X @PresleyTyler02 and email at PTyler@Gannett.com

`;
}

function refreshWeatherIframe(containerId) {
var iframeId = ‘weather-iframe-‘ + containerId;
var iframe = document.getElementById(iframeId);
if (iframe && iframe.src) {
var originalSrc = iframe.src;
iframe.src = originalSrc + (originalSrc.indexOf(‘?’) > -1 ? ‘&’ : ‘?’) + ‘t=” + Date.now();
}
}

function initializeWeatherBox(container) {
var containerId = container.getAttribute(“data-container-id’);
var isWeatherBoxV2 = containerId === ‘home-weather-v2’;

function switchWeatherTab(tabName, clickedElement) {
container.querySelectorAll(‘[data-tab-id]’).forEach(function(tab) {
tab.classList.remove(‘open’);
tab.setAttribute(‘aria-selected’, ‘false’);
});

clickedElement.classList.add(‘open’);
clickedElement.setAttribute(‘aria-selected’, ‘true’);

container.querySelectorAll(‘[data-content-id]’).forEach(function(content) {
content.style.display = ‘none’;
content.setAttribute(‘hidden’, ‘true’);
});

var targetContent = container.querySelector(‘[data-content-id=”‘ + tabName + ‘”]’);
if (targetContent) {
targetContent.style.display = ‘block’;
targetContent.removeAttribute(‘hidden’);
}
}

function loadWeatherData() {
// If weather data is already being loaded, wait for it
if (window.weatherDataPromise) {
window.weatherDataPromise.then(function(data) {
if (data && data.data) {
var weatherContainer = container.closest(‘.weather-box-container’);
if (weatherContainer) {
weatherContainer.style.display = ‘flex’;
updateCurrentWeather(data.data);
updateForecastTabs(data.data);
updateWeatherAlertsBar(data.data);
}
}
});
return;
}

var location = { zip: window.DEFAULT_ZIPCODE };

try {
var storedLocations = localStorage.getItem(‘hrst.zip.history’);
if (storedLocations) {
var locations = JSON.parse(storedLocations);
if (locations && locations.length > 0) {
location = locations[0];
}
}
} catch (e) {}

var apiUrl = (window.DEWY_HOSTNAME || ”) + ‘/api/v1/weather/full/’ + location.zip;

if (window.fetch) {
window.weatherDataPromise = fetch(apiUrl)
.then(function(response) { return response.json(); })
.then(function(data) {
if (data && data.data) {
var article = container.closest(‘.article–wrapper’);
var weatherContainer = container.closest(‘.weather-box-container’);
if (weatherContainer) {
weatherContainer.style.display = ‘flex’;
updateCurrentWeather(data.data);
updateForecastTabs(data.data);
updateWeatherAlertsBar(data.data);
}
return data;
}
})
.catch(function(error) {
console.error(‘Error loading weather:’, error);
// Reset to unknown background on error
updateWeatherBackground(‘unknown’);
});
}
}

function updateWeatherAlertsBar(weatherData) {
var weatherWatchHeader = container.querySelector(‘.weather-watch-header’);
if (!weatherWatchHeader) return;

var weatherWatchText = weatherWatchHeader.querySelector(‘.weather-watch-text’);
var weatherWatchLink = weatherWatchHeader.querySelector(‘.weather-watch-link’);

if (weatherData.alerts_count > 0) {
weatherWatchHeader.className=”weather-watch-header has-alerts”;
if (weatherWatchText) {
weatherWatchText.textContent = `Weather Alerts (${weatherData.alerts_count})`;
}
if (weatherWatchLink) {
if (!weatherWatchLink.getAttribute(‘data-initial-href’)) {
weatherWatchLink.setAttribute(‘data-initial-href’, weatherWatchLink.getAttribute(‘href’));
weatherWatchLink.setAttribute(‘data-initial-onclick’, weatherWatchLink.getAttribute(‘onclick’) || ”);
}
weatherWatchLink.setAttribute(‘href’, “https://www.wdsu.com/alerts”);
weatherWatchLink.setAttribute(‘onclick’, “return handleWeatherLinkClick(event, ‘click_alerts’, ‘click’, ‘sidelist-weather’, “https://www.wdsu.com/alerts”);”);
}
} else {
weatherWatchHeader.className=”weather-watch-header”;
if (weatherWatchText) {
weatherWatchText.textContent = containerId === ‘home-weather-v2’ ? ‘Watch Latest Forecast’ : ‘Latest Forecast’;
}
if (weatherWatchLink) {
var initialHref = weatherWatchLink.getAttribute(‘data-initial-href’);
var initialOnclick = weatherWatchLink.getAttribute(‘data-initial-onclick’);
if (initialHref) {
weatherWatchLink.setAttribute(‘href’, initialHref);
}
if (initialOnclick) {
weatherWatchLink.setAttribute(‘onclick’, initialOnclick);
}
}
}
}

function updateCurrentWeather(weatherData) {
if (weatherData.current) {
var tempValue = weatherData.current.temp_f || ”;
var skyValue = weatherData.current.sky || ”;
var feelsLikeValue = weatherData.current.feels_like_f || weatherData.current.temp_f || ”;

var tempEl = container.querySelector(‘.weather-grid–current-temp-value’);
if (tempEl) {
tempEl.textContent = tempValue;
tempEl.setAttribute(‘aria-label’, tempValue + ‘ degrees Fahrenheit’);
}

var iconEl = container.querySelector(‘.weather-grid–current-icon’);
if (iconEl && weatherData.current.icon_name) {
iconEl.className=”weather-grid–current-icon weather-current-icon icon icon-weather-” + weatherData.current.icon_name;
}

var skyEl = container.querySelector(‘.weather-grid–sky’);
if (skyEl) {
skyEl.textContent = skyValue;
skyEl.setAttribute(‘aria-label’, ‘Current condition: ‘ + skyValue);
}

var feelsEl = container.querySelector(‘.weather-grid–feels’);
if (feelsEl) {
feelsEl.textContent = feelsLikeValue + ‘°F’;
feelsEl.setAttribute(‘aria-label’, feelsLikeValue + ‘ degrees Fahrenheit’);
}

var weatherContainer = container.querySelector(‘.weather-temp-container’);
if (weatherContainer) {
var summary = ‘Current temperature ‘ + tempValue + ‘ degrees Fahrenheit, ‘ +
skyValue + ‘, feels like ‘ + feelsLikeValue + ‘ degrees’;
weatherContainer.setAttribute(‘aria-label’, summary);
}

updateWeatherBackground(weatherData.current.icon_name);
}
}

function updateWeatherBackground(iconName) {
try {
var bgPath = weatherImages.backgrounds[iconName] || weatherImages.backgrounds.unknown;
container.style.backgroundImage=”url(” + bgPath + ‘)’;
} catch (e) {
console.log(‘Error updating weather background:’, e);
}
}

function updateForecastTabs(weatherData) {
var visibleItems = isWeatherBoxV2 ? 6 : 5;

if (weatherData.hourly) {
var hourlyContainer = container.querySelector(‘.weather-hourly-forecast’);
if (hourlyContainer) {
var html=””;
var maxHours = Math.min(visibleItems, weatherData.hourly.length);

for (var i = 0; i 0 ? currentIndex – 1 : tabs.length – 1;
tabs[prevIndex].focus();
break;
case ‘ArrowRight’:
e.preventDefault();
var nextIndex = currentIndex