Home/ Questions/Q 7550969
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T10:21:24+00:00

hi every 1 i have a problem in my jquery i want this adjust

  • 0

hi every 1 i have a problem in my jquery i want this adjust this cods to be able hide the image/text when page open that mean there is nothing appear when i open the page only the button when i click on it the image/text appear that what i want how can help me? 

<html>
<head>

<script type="text/javascript">

function show_menu(id){
    document.getElementById(id).style.display = "block";
    }

function hide_menu(id){
    document.getElementById(id).style.display = "none";
    }


</script>
</head>


<body>

<button onclick="if (document.getElementById('idOfDiv').style.display=='none')  show_menu('idOfDiv'); else hide_menu('idOfDiv');">Show/Hide</button>

<div id="idOfDiv">
    <img src="http://mybroadband.co.za/photos/data/500/apple-logo.jpg"/>
    text text text text text text text text text....</div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Using jQuery this can be done in one function:

    <script type="text/javascript">

function showhide_menu(id){
   $("#" + id).toggle();
}

</script>

<button onclick="showhide_menu('idOfDiv');">Show/Hide</button>

<div id="idOfDiv" style="display:none;">
    <img src="http://mybroadband.co.za/photos/data/500/apple-logo.jpg"/>
    text text text text text text text text text....</div>
    • 0