Skip to content

Instantly share code, notes, and snippets.

@zdimaz
Last active June 27, 2019 10:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zdimaz/b73abc104ed86d2d53f0a7ece21c0c64 to your computer and use it in GitHub Desktop.
Save zdimaz/b73abc104ed86d2d53f0a7ece21c0c64 to your computer and use it in GitHub Desktop.
Открытие блока по id
====================================================================================================
<a data-id="box">
<block data-id="box">
/**
** tabs to Id
**/
tabsId: function(){
$('.tabs_content').not(":first-child").hide();
$('.tabs_btn').on('click',function(e){
e.preventDefault();
var $this = $(this),
active = $this.attr('data-id');
$this.addClass('active').siblings().removeClass('active');
$('.tabs_content').not($(active)).hide();
$('[data-id="'+active+'"]').show();
});
},
====================================================================================================
Открывает только один блок, второй скрывает
<a href="javascript:;" class="slinky_btn" data-slinky-id="slinky1">slinky1</a>
<a href="javascript:;" class="slinky_btn" data-slinky-id="slinky2">slinky2</a>
<div class="slinky_box_right" data-slinky-id="slinky1">
1
</div>
<div class="slinky_box_right" data-slinky-id="slinky2">
2
</div>
/**
** slinkykBox
**/
slinkykBox: function(){
$('.slinky_box_right').hide();
$('.slinky_btn').on('click',function(e){
e.preventDefault();
var $this = $(this),
active = $this.attr('data-slinky-id');
$('.slinky_box_right[data-slinky-id="'+active+'"]').addClass("open").fadeToggle(300);
$('.slinky_box_right').not($('[data-slinky-id="'+active+'"]')).removeClass("open").fadeOut(300);
});
},
======================================================================================================
/*
*
*
* data Id Tabs
*
*/
dataTabs: function(){
$('.js_wrapp_datatabs').hide();
if ($('.js_btn_datatabs').hasClass("active")) {
var $this = $('.js_btn_datatabs.active'),
active = $this.attr('datatabs-src');
$(active).show();
};
$('.js_btn_datatabs').on('click',function(e){
e.preventDefault();
var $this = $(this),
active = $this.attr('datatabs-src');
$(".js_btn_datatabs").removeClass("active");
$this.addClass("active");
$('.js_wrapp_datatabs').not($(active)).fadeOut(300);
$(active).fadeIn(300);
});
},
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment