Is it possible to create a div that toggles via the slideToggle() function and behaves like a modal, yet stays in line with the rest of the webpage rather than appearing in front of it?
This concept is illustrated below:
http://jsfiddle.net/55wwaw05/1/
Clicking the red button triggers a slideToggle effect on a div that should act as a modal. Only the blue button should be clickable, causing the modal div to disappear when clicked.
$('#btn').click(function() {
$('#first').slideToggle(100);
$('#second').css("background-color","grey");
$('#btn').attr("disabled", true);
});