Urgent help please.......

friends see this link

http://www.kandivalizone.com/clients/hidden-clearance/

i have +- drop down in left sidbar - catagories , the same dropdown i want down side where u see mega pixles
and the bullets u see with text 5megapixels and all , i want tht in same drop down as we have above in catagory box .. can anyone tell me how can i do this ?

i tried copying same code what i have in catagory box but then i can see same thing but it is not functioning..

 

you need to change text from it then put the same code to it.

 

May I ask a question?

How can you offer webdesign if you do not know what you do?
Your site has http://www.kandivalizone.com has 12 HTML errors, the site http://www.kandivalizone.com/clients/hidden-clearance/ has 70 errors (check http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0 for more informations)

I do not understand it...

 

mate i wish u can also see when site layout is changed , redesigned ,etc i have not even uploaded all pages yet. - this is for my own site and regarding that hidden link as my thread topic says , u should understood that its just on coding stage so error and all is obvious .. and even big big sites have this if u must have seen .

 

Wish you had the code not removed, It would have been easier to check if there was any issue.

 

@radiant_luv

The site is available for me at http://www.kandivalizone.com/clients/hidden-clearance/
If you want I can send the code as a zip file (I've grabbed the page to modify it for this post).

@vaibhavmeswani

Ok, first of all you have 2 doctype's declared. Line 1 and line 72/73.
Looks like you just copied 2 scripts from DynamicDrive together.
You load jQuery 1.3.2 twice. If you would know CSS you would do

body {margin:0;}

Code (markup):

instead of

<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->

Code (markup):

You use only classes in your html/css but you assign id's to your div's too.

The code is a mess. If you were a designer (and or coder) you would not work like this.

Back to your "problem", which is none tbh.

Copy the following jQuery code:

	$("#menu6 > li > a[@class=expanded]").find("+ ul").slideToggle("medium");

	// Toggle the selected menu's class and expand or collapse the menu
	$("#menu6 > li > a").click(function() {
		$("#menu6 > li > a.expanded").not(this).toggleClass("expanded").toggleClass("collapsed").find("+ ul").slideToggle("medium");
		$(this).toggleClass("expanded").toggleClass("collapsed").find("+ ul").slideToggle("medium");
	});

Code (markup):

and put it directly under this code

	$("#menu5 > li > a[@class=expanded]").find("+ ul").slideToggle("medium");

	// Toggle the selected menu's class and expand or collapse the menu
	$("#menu5 > li > a").click(function() {
		$("#menu5 > li > a.expanded").not(this).toggleClass("expanded").toggleClass("collapsed").find("+ ul").slideToggle("medium");
		$(this).toggleClass("expanded").toggleClass("collapsed").find("+ ul").slideToggle("medium");
	});

Code (markup):

Now copy this code

<ul class="example_menu" id="menu6">
		<li><a class="collapsed">NEW MENU</a>

			<ul>

				<li><a href="#">Link NEW-A</a>
					<ul>
						<li><a href="#">Link A-A-A</a></li>
						<li><a href="#">Link A-A-B</a></li>
					</ul>
				</li>

				<li class="active"><a href="#">Link A-B</a></li>

				<li><a href="#">Link A-C</a></li>
				<li><a href="#">Link A-D</a></li>
			</ul>
		</li>
		<li class="footer"><span>&nbsp;</span></li>
		<li>
		  <ul>
				<li><a href="#">Link B-A</a>

					<ul>
						<li><a href="#">Link B-A-A</a></li>
						<li><a href="#">Link B-A-B</a></li>
						<li><a href="#">Link B-A-C</a></li>
					</ul>
				</li>
				<li><a href="#">Link B-B</a>

					<ul>
						<li><a href="#">Link B-B-A</a></li>
						<li><a href="#">Link B-B-B</a></li>
					</ul>
				</li>

				<li><a href="#">Link B-C</a></li>
				<li><a href="#">Link B-D</a></li>

			</ul>
		</li>
		<li>
		  <ul>

				<li><a href="#">Link C-A</a></li>
				<li><a href="#">Link C-B</a></li>
				<li><a href="#">Link C-C</a></li>

				<li><a href="#">Link C-D</a></li>
			</ul>
		</li>
		</ul>

Code (markup):

and put it under this line

<div class="megapx-options" id="megapx-options_d">

Code (markup):

Now style it properly, that's it.