asked on
<div id="notify" style="display:inline-block; cursor:pointer;">'.'<img id="note_still" src="images/note_still.png" width="31" height="30" alt="Notes">
<div id="notecontainer" class="notecontainer" style="display:none; border:solid 1px lightslategray; margin-top:2px;">';
<div id="notedisplay" class="notedisplay">'.$notify_result.'</div>';
<div id="spanBase" style="height:40px; width:300px; background-color:gray; text-align:center;"><a style="color:white; font-weight:800;" href="">View all notifications</a></div>
</div>
</div>
//**********Function for notification drop-down menu*******//
$(document).ready(function() {
$("#notify").click(function() {
$("#notecontainer").show();
});
});
// Close the dropdown menu if the user clicks outside of it
window.addEventListener('mouseup', function(event) {
var box = document.getElementById('notecontainer');
if (event.target != box && event.target.parentNode != box) {
box.style.display = 'none';
}
});
//***************Ends Here*********************************//
img id="note_still" src="images/note_still.png"
but the dropdown refused to even open up when I applied the script.