CODEWITHSUNDEEP
phpjavascriptjqueryhtml
user1375948
user1375948

Reputation: 177

Can't Hide List Menu With Jquery/Javascript

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();
});

Upvotes: 0

Views: 257

Answers (3)

Ankur Verma
Ankur Verma

Reputation: 5933

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

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

Upvotes: 1

thecodeparadox
thecodeparadox

Reputation: 87073

Did you try this?

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

or

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

Upvotes: 1

FishBasketGordo
FishBasketGordo

Reputation: 23132

When are you trying to hide the divs? You will need to wait until at least the document is ready:

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

Upvotes: 1

Related Questions