Показать сообщение отдельно
  #2 (permalink)  
Старый 14.08.2015, 17:17
Новичок на форуме
Отправить личное сообщение для soloinnet Посмотреть профиль Найти все сообщения от soloinnet
 
Регистрация: 08.06.2015
Сообщений: 9

Решено спасибо
Сам спросил, сам ответил, ой какой самостоятельный. ))

1 - необходимо append делать клона элемента tabulatable
2 - в последней части скрипта прописаны условия дублирования и hide show привязанные к <p> аппенд делать внутри параграфа

Рабочий скрипт для вышеуказанного fiddle
$(function() {
            var total_tabs = 0;
            // Инициализируем первую закладку

            
            total_tabs++;
            addtab(total_tabs);
            $("#addtab, #litab").click(function() {
                total_tabs++;
                $("#tabcontent p").hide();
                addtab(total_tabs);
                return false;
            });
function addtab(count) {
                var tabl = document.getElementById("tabulatable");
                var tablclone = tabl.cloneNode(true);
                var closetab = '<a href="" id="closetab' + count + '" class="closetab">&times;</a>';
                $("#tabul").append('<li id="t' + count + '" class="ntabs">Закладка ' + count + '&nbsp;&nbsp;' + closetab + '</li>');
                $("#tabcontent").append('<p id="c' + count + '">Содержание закладки № ' + count + tablclone.innerHTML + '</p>');
                
                
                $("#tabul li").removeClass("ctab");
                $("#t" + count).addClass("ctab");

                $("#t" + count).bind("click", function() {
                    $("#tabul li").removeClass("ctab");
                    $("#t" + count).addClass("ctab");
                    $("#tabcontent p").hide();
                    $("#c" + count).fadeIn('slow');
                });

                $("#closetab" + count).bind("click", function() {
                    // Активируем предыдущую закладку
                    $("#tabul li").removeClass("ctab");
                    $("#tabcontent p").hide();
                    $(this).parent().prev().addClass("ctab");
                    $("#c" + count).prev().fadeIn('slow');

                    $(this).parent().remove();
                    $("#c" + count).remove();
                    return false;
                });
            }

        });


Тему можно закрывать, всем спасибо все свободны ))
Ответить с цитированием