Как организовать вывод информации вкладки при клике на неё?
Доброго дня всем.Знающие подскажите как модифицировать скрипт вкладок, что бы при клике на нужную вкладку информация во вкладке менялась с на
К примеру: Вкладка (она активна изначально) 1: [aviable=main] тут текст 1 вкладки[/aviable] Вкладка 2: [not-aviable=main] тут текст 2 вкладки [/not-aviable] Результат который требуется (при клике на вторую вкладку): Вкладка (она активна изначально) 1: [not-aviable=main] тут текст 1 вкладки[/aviable] Вкладка 2: [aviable=main] тут текст 2 вкладки [/not-aviable] Получается текст Вкладки 1, при клике на вкладку 2 закрывается тэгами , а содержимое вкладки 2 закрывается тэгами и наоборот. Есть функция которая заменяет содержимое блока: <script> $(document).ready(function() { $("#bdF77").click(function() { $('div#message').each(function() { $(this).replaceWith("[not-aviable=main]" + $(this).html() + "[/not-aviable]"); }); }); }); </script> <div id="message"> <div class="soderjimoe">Тут текст</div> </div> <input type="button" value="GONDER" id="bdF77"> Возможно ли её приделать к вкладкам? скрипт вкладок http://jsfiddle.net/fvcmev6t/4/ Если готовое решение посоветуете, буду благодарен. |
сделать можно
только вот такая замена убьет отображение <head> <meta charset="utf-8"> <style> div{ display: block; width: 100px; height: 100px; border: 1px solid red; background-color: yellow; } </style> </head> <body> <div id="id"> бла бла бла</div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $("#id").click(function(){ $(this).replaceWith("[not-aviable=main]" + $(this).html() + "[/not-aviable]"); }); </script> </body> |
Это да, а к вкладкам как бы это приделать?
|
Цитата:
эти теги для чего нужны? |
Dle, не обязательно акцент на тегах делать, пусть хоть <span></span>. Просто в чем суть: на полной странице новости, тегами выводятся инфо о новости, комментарии, форма добавления комментария и т.д. всё это на разных вкладках. Я думал сделать этим так, когда при клике на вкладку, инфа с предыдущих вкладок не грузилась даже в коде страницы, а грузилась инфа активной.
Если закрывать этими тегами инфу вкладки, то всё исчезает как надо, даже из кода страницы. Вот и хотел приделать это как то к вкладкам, чтоб грузилась инфа (так же и в коде страницы) только активной вкладки. Как то так. |
|
Если сам контент надо завернуть то вот
http://jsfiddle.net/fvcmev6t/6/ |
Цитата:
Пример: вкладка 1 активная: тут контент 1 Вкладка 2: пусто Вкладка 1: пусто Вкладка 2 активная: тут контент 2 Я пытался что то соорудить, вот этим скрывается контент как надо: .replaceWith(" "); Получатся нужно чтобы в активную вкладку выводился определенный контент из скрипта, а у неактивных вкладок было удаление контента .replaceWith(" "); |
Цитата:
Подгружать надо AJAX-ом.. или как нибудь еще. но не так |
Часовой пояс GMT +3, время: 12:13. |