JSFiddle - React, Tailwind, and code Playground
HTML
<ul class="menu">
<li>
<a href="http://google.com/page.html">asd</a>
</li>
</ul>
<div class="slide-item">464564</div>
CSS
.slide-item{
position:absolute;
}
JavaScript
function get_url_param(param, url) {
param = param.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
var regexS = "[\\?&]" + param + "=([^&#]*)";
var regex = new RegExp(regexS);
var results = regex.exec(url);
if (results == null) return '';
else return results[1];
}
$(document).ready(function() {
$('ul.menu li').click(function() {
var href = $('a', this).attr('href');
var content = get_url_param('page', href);
if (!content) content = 'home';
$('.slide-item').animate({
top: '1000px'
}, 500)
//$('#content').fadeOut();
//alert(content);
return false;
});
});