[xHTML, jQuery] Problem z kotwicami i tabsami w jQuery Opcje

[swiezak]

Witajcie.
Stworzyllem pewien szablon na potrzeby aukcji i ... mam problem z kotwicami umieszczonymi w menu górnym i stopce. Na czym polega feler: przykładowo klikam na link 'about us' znajdujący się w górnym menu i zostaję przeniesiony do taba o nazwie 'About Us' - tutaj jest ok, ale gdy w menu górnym, czy w stopce kliknę na link 'Shipment' to nie działa przełączanie do odpowiedniego taba. Zresztą przetestujcie sami: http://ebay.mydesign.radom.pl/

Poniżej podaję fragmenty kodu.

xHTML (menu górne):

[HTML] pobierz, plaintext 
			<dl id="menu1" class="link4">
				<dt><a href="#about"><span class="menu_space">about us</span></a></dt>
				<dt><a href="#contact"><span class="menu_space">contact us</span></a></dt>
				<dt><a href="#terms"><span class="menu_space">shipping</span></a></dt>
				<dt><a href="#payment"><span class="menu_space">payment</span></a></dt>
				<dt><a href="#shipment"><span class="menu_space">shipment</span></a></dt>
			</dl>
[HTML] pobierz, plaintext 

xHTML (taby):

[HTML] pobierz, plaintext 
      <!-- start of tabs -->
      <ul class="tabs">
        <li class="active"><a href="#about" class="active">About Us</a></li>
        <li><a href="#contact">Contact Us</a></li>
        <li><a href="#terms">Shipping</a></li>
        <li><a href="#payment">Payment</a></li>
        <li><a href="#shipment">Shipment</a></li>
      </ul>
      <!-- end of tabs -->
 
      <div class="clear"></div>
 
      <!-- start of div that hold all the tabbed contents -->
      <div class="tab_contents_container">
 
        <!-- start of Tab 1 Contents - About Us -->
        <a name="about"></a>
        <div id="about" class="tab">
          <div class="infoTitle">About Us</div>
          <p>Lorem ipsum...</p>
        </div>
        <!-- end of Tab 1 Contents - About Us -->
    </div>
    <!-- end of div that hold all the tabbed contents -->
[HTML] pobierz, plaintext 

jQuery (taby):

Kod

    $(document).ready(function() {
        $('.tabs').each(function() {
            var $ul = $(this);
            var $li = $ul.children('li');
            $li.each(function() {
                var $contentTab = $($(this).children('a').attr('href'));
                if ($(this).hasClass('active')) {
                    $contentTab.show();
                } else {
                    $contentTab.hide();
                }
            });
            $li.click(function() {$(this).children('a').click()});
            $li.children('a').click(function() {
                if (!$(this).parent().hasClass('disable')) {
                    $li.removeClass('active');
                    $li.each(function() {
                        $($(this).children('a').attr('href')).hide();
                    });
                    $(this).parent().addClass('active');
                    $($(this).attr('href')).show();
                } else {
                    $(this).blur();
                }
                return false;
            });
        });
    });

W jaki sposób poprawić funkcjonalność kotwic umieszczonych w górnym menu i stopce, tak aby przenosiły do odpowiednich tabów niezależnie od aktywnego elementu umieszczonego w tabie?
Prosiłbym o wyrozumiałość i pomoc.

Ten post edytował swiezak 18.03.2013, 08:41:40

[AdIoS_Neo]

Witam,

[JAVASCRIPT] pobierz, plaintext 
$("#menu1 a").click(function(){ $(".tabs a[href='"+$(this).attr("href")+"']").triggerHandler("click"); });
[JAVASCRIPT] pobierz, plaintext 

to załatwi sprawę.

Ten post edytował AdIoS_Neo 21.03.2013, 03:05:12

[swiezak]

Bóg zapłać dobry człowieku. Wybawiłeś mnie z kłopotu.
Na Twoje konto leci "Pomógł".

Pozdrawiam.