Multiple document readys?

JavaScript
1

Hello, I’m using a simple show-hide script on various IDs. The issue is as it stands right now each is a seperate JS that calls the document ready function via jQuery.

Is there a way to combine this into one more flexible script or at least into one script in some form or another. Thank you so much for your time in advance!

Below is an example:

<script type=“text/javascript”>
$(document).ready(function(){
$(“#loadDummy7”).hover(
function () {
$(“#dummy7”).show();
},
function () {
$(“#dummy7”).hide();
}
);

});

</script>
<script type=“text/javascript”>
$(document).ready(function(){
$(“#loadDummy8”).hover(
function () {
$(“#dummy8”).show();
},
function () {
$(“#dummy8”).hide();
}
);

});

</script>

2

As TommiChi said, it should work.


<script type="text/javascript">
$(document).ready(function(){
$("#loadDummy7").hover(
function () {
$("#dummy7").show();
}, 
function () {
$("#dummy7").hide();
}
);
$("#loadDummy8").hover(
function () {
$("#dummy8").show();
}, 
function () {
$("#dummy8").hide();
}
);
});
</script>
3

Place each hover event one after the other inside one document.ready function.

4

Thank you, that works, I even based on your suggestion figured out a way to condense the script a bit! Much appreciated!