how to hide and show particular category and sub category in loop

Question

neha05 0 Junior Poster in Training

13 Years Ago

Hii

I am trying to do that when i clicked on particula Category ,only subcategories of tht clicked category show and rest subcategories ll hide ....im getting problem because it is in loop ,if im applying any script it implement on all..so please any better way to do it ..so plzz help me in it

javascript php

4 Contributors
6 Replies
265 Views
5 Days Discussion Span
Latest Post 13 Years Ago Latest Post by neha05

Dani AI

Generated 9 Months Ago

A scalable pattern is simpler than dozens of hard‑coded handlers. Give every category the same markup (one parent .menu_item with an inner .sub_menu), separate the action that opens the iframe from the action that toggles the submenu, then attach one delegated handler. This keeps markup generated inside the loop very small and lets a single script manage all categories. (This follows 's accordion idea but keeps the link-to-iframe separate so both behaviors work.)

Example markup emitted from the PHP loop (concept only — mirror the loop already in the thread, but add a data-cat and a separate toggle control):

<div class="menu_item" data-cat="<?php echo $cate_id; ?>">
  <a class="open" href="category_page.php?cate_id=<?php echo $cate_id; ?>" target="frmname">
    <?php echo htmlspecialchars($cate_name); ?>
  </a>
  <a href="#" class="toggle">[+]</a>
  <div class="sub_menu">
    <ul>
      <!-- loop sub-items here -->
    </ul>
  </div>
</div>

Single jQuery handler to toggle the clicked category and hide the others (event delegation so dynamically-added items still work):

$(function(){
  $('.sub_menu').hide();
  $(document).on('click', '.menu_item .toggle', function(e){
    e.preventDefault();
    var $item = $(this).closest('.menu_item');
    $('.sub_menu').not($item.find('.sub_menu')).slideUp(150);
    $item.find('.sub_menu').stop(true,true).slideToggle(150);
    $item.attr('aria-expanded', $item.find('.sub_menu').is(':visible') ? 'true' : 'false');
  });
});

Notes and troubleshooting: separating the link and the toggle avoids the problem described in post #5 where a category both navigates the iframe and toggles subitems. If the category name itself should toggle, use e.preventDefault() only when the click target is the toggle element. Use stop(true,true) to avoid animation queue buildup. If plain JS is preferred (as in 's snippet), the same pattern applies: find the clicked parent, hide all other submenus, then show the target. Finally, check the browser console for errors and confirm jQuery loads before this script runs (common source of "nothing happens").

All 6 Replies

Bachu 45 Newbie Poster

13 Years Ago

One methode, you can use jquery accordion like

http://jqueryui.com/accordion/

or

Check this link
http://www.1stwebdesigner.com/freebies/jquery-accordion-menus-tutorials/

Edited 13 Years Ago by Bachu

amith_ami 0 Junior Poster in Training

13 Years Ago

hi..neha
pls try using jquery....
here is an example that i used in project... pls have a look.. may be u will get an idea from this... :)

function show_select()
{
  var country_name = document.getElementById("country_name");
  var state_name = document.getElementById("state_name");
  var s_state = document.getElementById("s_state");
  var desired_box = country_name.options[country_name.selectedIndex].value;
  if(desired_box == 'anything') {
    state_name.style.display = '';
    s_state.style.display = '';

  } else {
    state_name.style.display = 'none';
    s_state.style.display = 'none';

  }
}

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

Member #120589 · Answer 1 · 2013-01-12T13:06:18+00:00

pls try using jquery....
here is an example that i used in project

You quote jQuery, but then you give a vanilla javascript example. Was that your intention?

@neha

You're description is vague. You do not include any code to give us a clue as to what exactly you're trying to achieve. You've posted to the php forum, but your comments may suggest js. Please elaborate and post your code.

neha05 0 Junior Poster in Training · Answer 2 · 2013-01-17T08:48:05+00:00

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

        $(".sub_menu").hide();


      $('#cat1').click(function(){
      //$("#subcat1").slideToggle();
      //$(".menu_item").hide();
       $("#subcat1").show();
      $("#subcat2").hide();
      $("#subcat3").hide();
      $("#subcat4").hide();
      $("#subcat5").hide();
      $("#subcat6").hide();
      $("#subcat7").hide();
       $("#subcat8").hide();
       $("#subcat9").hide();
      $("#subcat10").hide();

 });

       $('#cat2').click(function(){
      //$("#subcat2").slideToggle();
        $("#subcat2").show();
       $("#subcat1").hide();
       $("#subcat3").hide();
       $("#subcat4").hide();
       $("#subcat5").hide();
       $("#subcat6").hide();
       $("#subcat7").hide();
       $("#subcat8").hide();
       $("#subcat9").hide();
       $("#subcat10").hide();



 });

 $('#cat3').click(function(){
      //$("#subcat1").slideToggle();
      //$(".menu_item").hide();
       $("#subcat3").show();
      $("#subcat2").hide();
      $("#subcat1").hide();
      $("#subcat4").hide();
      $("#subcat5").hide();
      $("#subcat6").hide();
      $("#subcat7").hide();
      $("#subcat8").hide();
      $("#subcat9").hide();
      $("#subcat10").hide();

 });


 $('#cat4').click(function(){
      //$("#subcat1").slideToggle();
      //$(".menu_item").hide();
      $("#subcat4").show();
      $("#subcat2").hide();
      $("#subcat1").hide();
      $("#subcat3").hide();
      $("#subcat5").hide();
      $("#subcat6").hide();
      $("#subcat7").hide();
      $("#subcat8").hide();
      $("#subcat9").hide();
      $("#subcat10").hide();

 });


 $('#cat5').click(function(){
      //$("#subcat1").slideToggle();
      //$(".menu_item").hide();
      $("#subcat5").show();
      $("#subcat2").hide();
      $("#subcat1").hide();
      $("#subcat3").hide();
      $("#subcat4").hide();
      $("#subcat5").hide();
       $("#subcat6").hide();
      $("#subcat7").hide();
       $("#subcat8").hide();
       $("#subcat9").hide();
       $("#subcat10").hide();

 });



 $('#cat6').click(function(){
      //$("#subcat1").slideToggle();
      //$(".menu_item").hide();
      $("#subcat6").show();
      $("#subcat2").hide();
      $("#subcat1").hide();
      $("#subcat3").hide();
      $("#subcat4").hide();
       $("#subcat5").hide();
       $("#subcat6").hide();
      $("#subcat7").hide();
       $("#subcat8").hide();
       $("#subcat9").hide();
       $("#subcat10").hide();

 });

 $('#cat7').click(function(){
      //$("#subcat1").slideToggle();
      //$(".menu_item").hide();
      $("#subcat7").show();
      $("#subcat2").hide();
      $("#subcat1").hide();
      $("#subcat3").hide();
      $("#subcat4").hide();
      $("#subcat5").hide();
      $("#subcat6").hide();
      $("#subcat8").hide();
      $("#subcat9").hide();
      $("#subcat10").hide();

 });

 $('#cat8').click(function(){
      //$("#subcat1").slideToggle();
      //$(".menu_item").hide();
      $("#subcat8").show();
      $("#subcat2").hide();
      $("#subcat1").hide();
      $("#subcat3").hide();
      $("#subcat4").hide();
      $("#subcat5").hide();
      $("#subcat6").show();
      $("#subcat7").hide();
      $("#subcat9").hide();
      $("#subcat10").hide();

 });

 $('#cat9').click(function(){
      //$("#subcat1").slideToggle();
      //$(".menu_item").hide();
      $("#subcat9").show();
      $("#subcat2").hide();
      $("#subcat1").hide();
      $("#subcat3").hide();
      $("#subcat4").hide();
      $("#subcat5").hide();
      $("#subcat7").hide();
      $("#subcat8").hide();
      //$("#subcat9").show();
      $("#subcat10").hide();

 });
 $('#cat10').click(function(){
      //$("#subcat1").slideToggle();
      //$(".menu_item").hide();
      $("#subcat10").show();
      $("#subcat2").hide();
      $("#subcat1").hide();
      $("#subcat3").hide();
      $("#subcat4").hide();
      $("#subcat5").hide();
      $("#subcat7").hide();
      $("#subcat8").hide();
      $("#subcat9").hide();
      $("#subcat6").hide();

 });
});

</script>

  <script language="javascript" type="text/javascript">
function resizeIframe(obj)
{
 obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
 obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';                       
}
</script>

<?php
//session_start();
include("connection.php");
$category_name="";
$subcategory_name="";



$query1= "SELECT * from `category`";
$result5 = mysql_query($query1);
$row = mysql_fetch_array($result5);
$category_name = $row['category_name'];

$query2= "SELECT * from `category_sub`";
$result2 = mysql_query($query2);
$row = mysql_fetch_array($result2);
$subcategory_name=$row['subcatogory_name'];
?>




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hedgeis-Markets</title>
<link href="market css.css" rel="stylesheet" type="text/css" />

</head>

<body>

<?php include('header2.php');?>
<!--contant start-->
<div class="Contant_wrapper clearfix">
 <div class="topdiv">
        <div class="view">
        <ul>
        <li>View</li>
        <li><a href="#">latest</a></li>
        <li><a href="#">Current Prices</a></li>
        <li> <a href="#">Charts</a></li>
        </ul>
        </div>
    </div>

    <!--contant_left start-->
    <div class="contant_left">

        <div class="menu_item">
        <a href="market.php">Most Active Today </a>
        <div class="sub_menu">
        </div>
        </div>

        <div class="menu_item"  id="cat1">
            <?php



          $query1= "SELECT * from `category` where `category_id`='1'";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>
       <!-- <a href="#">Business </a> -->


  <div class="sub_menu" id="subcat1">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='1'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>




      <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

<?php }?>
</div>
<!-- category 2 -->


  <div class="menu_item" id="cat2">
            <?php



          $query1= "SELECT * from `category` where `category_id`='2' ";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>



      <div class="sub_menu" id="subcat2">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='2'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>




      <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

          <?php } ?> 

 </div> 
<!-- category 3 -->
 <div class="menu_item" id="cat3">
            <?php



          $query1= "SELECT * from `category` where `category_id`='3' ";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>


      <div class="sub_menu" id="subcat3">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='3'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>




      <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

          <?php } ?> 

 </div> 
<!-- category 4 -->
<div class="menu_item"  id="cat4">
            <?php



          $query1= "SELECT * from `category` where `category_id`='4' ";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>



      <div class="sub_menu" id="subcat4">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='4'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>




      <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

          <?php } ?> 

 </div> 

<!-- category 5 -->

<div class="menu_item" id="cat5">
            <?php



          $query1= "SELECT * from `category` where `category_id`='5' ";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>


      <div class="sub_menu" id="subcat5">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='5'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>




      <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

          <?php } ?> 

 </div> 

<!-- cat 6 -->


        <div class="menu_item"  id="cat6">
            <?php



          $query1= "SELECT * from `category` where `category_id`='6'";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>
       <!-- <a href="#">Business </a> -->


  <div class="sub_menu" id="subcat6">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='6'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>




      <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

<?php }?>
</div>

<!-- cat 7 -->

        <div class="menu_item"  id="cat7">
            <?php



          $query1= "SELECT * from `category` where `category_id`='7'";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>
       <!-- <a href="#">Business </a> -->


  <div class="sub_menu" id="subcat7">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='7'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>




      <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

<?php }?>
</div>
<!-- cat8 -->

        <div class="menu_item"  id="cat8">
            <?php



          $query1= "SELECT * from `category` where `category_id`='8'";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>
       <!-- <a href="#">Business </a> -->


  <div class="sub_menu" id="subcat8">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='8'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>




      <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

<?php }?>
</div>
<!-- cat 9 -->

        <div class="menu_item"  id="cat9">
            <?php



          $query1= "SELECT * from `category` where `category_id`='9'";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>
       <!-- <a href="#">Business </a> -->


  <div class="sub_menu" id="subcat9">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='9'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>




      <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

<?php }?>
</div>
<!-- cat 10 -->

        <div class="menu_item"  id="cat10">
            <?php



          $query1= "SELECT * from `category` where `category_id`='10'";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>
       <!-- <a href="#">Business </a> -->


  <div class="sub_menu" id="subcat10">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='10'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>


 <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

<?php }?>
</div>     

      <!-- cat 11 -->
<!-- cat 10 -->

        <div class="menu_item"  id="cat11">
            <?php



          $query1= "SELECT * from `category` where `category_id`='11'";
          $result5 = mysql_query($query1);
           while($row1=mysql_fetch_array($result5))


           {

          $cate_name=$row1['category_name'];
          $cate_id=$row1['category_id'];

  ?> 
       <a href="category_page.php?cate_id=<?php echo $cate_id?>" target="frmname" class="hide">
        <?php echo"$cate_name";?></a>
       <!-- <a href="#">Business </a> -->


  <div class="sub_menu" id="subcat11">
  <?php

     $_session['id']=$cate_id;


$query_a= "SELECT * from `category_sub` where `category_name`='11'";
//echo $query_a;
$result_a = mysql_query($query_a);


     while($row2=mysql_fetch_array($result_a))

   {

    $sub_name=$row2['subcatogory_name'];
    $sub_id=$row2['sub_id']
    // $cate_name=$row1['category_name'];
    //$cate_id=$row1['category_id'];

  ?>


 <ul>


  <li><a href="category_page2.php?sub_id=<?php echo $sub_id?>" target="frmname" class="show"><?php echo $sub_name;?></a></li>
        </ul>
               <?php } ?> 


            </div>

<?php }?>
</div>     

   <!--    
   // if(isset($_GET['cate_id']))

     //$id=$_GET['cate_id'];
     //echo $id;


//$row = mysql_fetch_array($result);
//$result1=mysql_query($); -->
         <!-- <a href="#">Construction & Engineering</a> -->

       <!--  </div> -->

       <!-- <div class="menu_item">
         <a href="#">Current Events</a>
<div class="sub_menu">
<ul>
                    <li><a href="#">Taiwan</a></li>
                   <li><a href="#">Sponsors of Terror</a></li>
                   <li><a href="#">Japan </a></li>
                </ul>
                </div>
        </div>

        <div class="menu_item">
         <a href="#">Entertainment</a>
<div class="sub_menu">
<ul>
                   <li><a href="#">Box Office Returns</a></li>
                   <li><a href="#">Academy Awards</a></li>
                </ul>
                </div>
        </div>

         <div class="menu_item">
         <a href="#">Financial</a>
<div class="sub_menu">
<ul>
                   <li><a href="#">Dow Jones Index</a></li>
                   <li><a href="#">FTSE 100 Index</a></li>
                  <li><a href="#"> US Eco Numbers </a></li>
                  <li><a href="#"> Company IPOs </a></li>
                  <li><a href="#"> Eurozone Crisis </a></li>
                </ul>
                </div>
        </div>

        <div class="menu_item">
         <a href="#">Foreign Affairs</a>
<div class="sub_menu">
<ul>
                   <li><a href="#">Middle East Protests</a></li>
                   <li><a href="#">Iran</a></li>
                  <li><a href="#"> Terrorism </a></li>            
                </ul>
                </div>
        </div>

        <div class="menu_item">
         <a href="#">Legal</a>
<div class="sub_menu">
<ul>
                   <li><a href="#">Supreme Court</a></li>
                   <li><a href="#">US Healthcare Reform</a></li>     
                </ul>
                </div>
        </div>

         <div class="menu_item">
         <a href="#">Politics</a>
<div class="sub_menu">
<ul>
                   <li><a href="#">Obama Administration</a></li>
                   <li><a href="#">UK Politics</a></li>     
                </ul>
                </div>
        </div>

        <div class="menu_item">
        <a href="#">Real Estate</a>
<div class="sub_menu">
<ul>
                   <li><a href="#">Canadian Real Estate</a></li>                                                    </ul>
                </div>
        </div>


          <div class="menu_item">
        <a href="#">Scientific</a>
<div class="sub_menu">
<ul>
                   <li><a href="#">Focus Fusion</a></li>                                                    </ul>
                </div>
        </div>

          <div class="menu_item">
        <a href="#">Social and Civil</a>
<div class="sub_menu">
<ul>
                   <li><a href="#">Focus Fusion</a></li>                                                    </ul>
                </div>-->


     </div>
    <!--contant_left end--> 

 <!--contant_right start   -->
    <div class="contant_right clearfix">
            <iframe allowtransparency=true frameborder=0 id=rf sandbox="allow-same-origin allow-forms 

allow-scripts"  name="frmname" scrolling=no src="market_internal_pages.php"   onload='javascript:resizeIframe(this);'

 style="width:100%; height:auto;"></iframe>

</div>
</div>
   <!--  <div class="contant_right clearfix">
        <iframe allowtransparency=true frameborder=0 id=rf sandbox="allow-same-origin allow-forms 

allow-scripts" scrolling=auto src=".php" 

style="width:100%;height:100%"></iframe>
    </div> -->
 <!--contant_right start end -->

</div>
<div style="clear:both"></div>
<?php include('footer1.php');?>
<!--contant end-->
</body>
</html>

neha05 0 Junior Poster in Training · Answer 3 · 2013-01-17T09:46:08+00:00

Hii

How i ll apply javascript or jaquery on while loop
Category
Business
trade
food
Politics
Indian
US
Entairtainment
UTV
Fashion

i m trying to do that when i cliked on Business on that time only its subcategory (trade.food) ll show rest of sub category are hide on that time ,same with politicts and so on...

neha05 0 Junior Poster in Training · Answer 4 · 2013-01-17T09:56:13+00:00

@diafol hello Sir
i submitted my code and query with example ...hope you get what i want to ask

@bachov: I used the accrordian but i getting problem to giving link to d pages(category ex-Business have to give two links one for hide and show and second to link to opnen page in iframe)

@amiyar: im not getting how i use it with my code..:(

how to hide and show particular category and sub category in loop

Dani AI

Recommended Answers Collapse Answers

All 6 Replies

Recommended Answers