Question

I have a problem in hiding a list menu generated dynamically with php. My browser didn’t hide it. I am using Firefox; the code is like this:

<div id="groupstd">
<br />
<select style="text-align:center;" name="std3">
<option value="Select" selected="selected">Please Select Student.no#3</option>
<?php
$result=Connect();
if($result>0)
{
while($row = mysql_fetch_array($result))
  {
echo '<option value=$row[\'Roll#\'].\'i-\'.$row[\'Batch\']>$row[\'Roll#\'].\'i-\'.$row[\'Batch\']</option>';
  }
}?>
</select>
</div>
<div id="grpstd">
<br />
<select style="text-align:center;" name="std4" id="std4">
<option value="Select" selected="selected">Please Select Student.no#4</option>
<?php
$result=Connect();
if($result>0)
{
while($row = mysql_fetch_array($result))
  {
echo '<option value=$row[\'Roll#\'].\'i-\'.$row[\'Batch\']>$row[\'Roll#\'].\'i-\'.$row[\'Batch\']</option>';
  }
}?>
</select>
</div>

I am using JQuery to hide like this:

$(document).ready(function()
{
    $('#grpstd').hide();
    $('#groupstd').hide();
});

Answer 1

try doing this after the dom is ready as using this:

$(document).ready(function() {
  $('#grpstd, #groupstd').hide();//using two elements using one statement
});