Question

I have a slide down menu that uses the following jquery.

$(document).ready(function() {

// Expand Panel
$("#open").click(function(){
    $("div#panel").slideDown("slow");

}); 

// Collapse Panel
$("#close").click(function(){
    $("div#panel").slideUp("slow"); 
});     

// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#toggle a").click(function () {
    $("#toggle a").toggle();
});     

 });

I have a tab at the top.

<!-- The tab on top --> 
<div class="tab">
    <ul class="login">
        <li class="left">&nbsp;</li>
        <li><a href="http://allbuys.ca">AllBuys.ca</a></li>
        <li class="sep">|</li>
        <li id="toggle">
            <a href="#" name="open" class="open" id="open">Pick Your City</a>
            <a id="close" style="display: none;" class="close" href="#">Close Panel</a>         
      </li>
        <li class="right">&nbsp;</li>
    </ul> 
</div> <!-- / top -->

I can’t figure out how to make a text link that does the same function as Pick Your City

Any ideas?

Answer 1

You’re not really asking a question here. Please be more specific. Also, it would be helpful if you posted some more of your code. Right now we have no idea what the context of this html snippet is.

However, from what I understand you could just make a text link somewhere, no matter where in your page, like this:

<a href='http://a.b.c/' id='make_this_work_as_well'>Link text</a>

Then edit the following jquery line:

$("#open").click(function(){
    $("div#panel").slideDown("slow");
});

to

$("#open,#make_this_work_as_well").click(function(){
    $("div#panel").slideDown("slow");
});