Показать сообщение отдельно
  #9 (permalink)  
Старый 31.12.2014, 10:06
Аспирант
Отправить личное сообщение для Volonter Посмотреть профиль Найти все сообщения от Volonter
 
Регистрация: 18.01.2011
Сообщений: 84

Лучше вот такой HTML
<style>.banner{display:none;}</style>
<div class="main_header" style="text-align: center">
         
        <a href="#" id="firstlink">firstlink</a>
         
        <a href="#" id="secondlink">secondlink</a>

        <a href="#" id="thirdlink">thirdlink</a>

        <a href="#" id="fourthlink">fourthlink</a>
         
     </div>

<div class="banner" id="div_firstlink">
        <div id="content1">Тут DIV от ссылки firstlink </div>
        
    </div>

      <div class="banner" id="div_secondlink">
        <div id="content5">Тут DIV от ссылки secondlink</div>
        
    </div>
	<div class="banner" id="div_thirdlink">
        <div id="content5">Тут DIV от ссылки thirdlink</div>
        
    </div>
	<div class="banner" id="div_fourthlink">
        <div id="content5">Тут DIV от fourthlink</div>
        
    </div>


и вот такой javascript
var handler = {

            handlerClick : function () {
       
            $('.main_header a').on('click', function () {
            var idlink = this.id;
            changeDiv(idlink);
			
           return false;
            });

                }
            };


              function changeDiv(a){	
											                            $('.banner').css('display', 'none');
	      $('#div_'+a).css('display', 'block');
               };
											
                function init() {
		    handler.handlerClick();
		 
		 };


                 $(document).ready(function(){
                                         init();
                 });


Не забудьте подключить JQUERY !

Последний раз редактировалось Volonter, 31.12.2014 в 10:17.
Ответить с цитированием