Advertisement
NecromancerCoding

Pestañas automáticas de subforos

Aug 4th, 2023
1,602
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 1.66 KB | None | 0 0
  1. $(function(){
  2. /*Editable*/
  3. var ids = '#c1'; /*Ids de las categorías/subforos que quieras que tengan pestañas, separadas por comas*/
  4. var cat = '.forabg'; /*Clase de tus categorías*/
  5. var env = '.frBody'; /*Envoltorio de tus subforos o caja en la que quieras que se inserte la caja de tabs*/
  6. var row = '.frow'; /*Clase de tus subforos*/
  7. var title = 'a.forumtitle'; /*Título de tu link de subforo*/
  8.  
  9. /* Esta porción de código ha sido creada por mrd-design @ tumblr y sólo se incluye para evitar desbarajustes, acredítale como debes en tu caja de créditos */
  10.  
  11. $(cat+' '+row).each(function () {
  12. const url = $(title, this).attr('href');
  13. const forum = url.substring(url.lastIndexOf('/') + 1, url.indexOf('-'));
  14. $(this).attr('id', forum);
  15. });
  16.  
  17. /* Esta porción de código ha sido creada por mrd-design @ tumblr y sólo se incluye para evitar desbarajustes, acredítale como debes en tu caja de créditos */
  18.  
  19. /*No edites a partir de aquí*/
  20. $(ids).each(function(){
  21. $(this).find(env).prepend('<div class="cat-tabs"></div>');
  22. $(this).find(row+':first-of-type').slideDown(500);
  23. });
  24.  
  25. $(ids+' '+row).each(function(){
  26. var id = $(this).attr('id');
  27. var nombre = $(this).find(title).text();
  28. console.log(title);
  29. $(this).parents(cat).find('.cat-tabs').append('<a class="cat-tab" boton="'+id+'">'+nombre+'</a>');
  30. });
  31.  
  32. $('.cat-tab:first-of-type').each(function(){
  33. $(this).addClass('cat-tab-active');
  34. });
  35.  
  36. $('.cat-tab').click(function(){
  37. var id = $(this).attr('boton');
  38. $(this).parents(cat).find(row).not('#'+id).slideUp(500);
  39. $(this).parents(cat).find(row+'#'+id).slideDown(500);
  40. $(this).addClass('cat-tab-active');
  41. $(this).siblings().removeClass('cat-tab-active');
  42. });
  43. });
Advertisement
Comments
Add Comment
Please, Sign In to add comment
Advertisement