Join our crazy club
Help us in knowing how you can bring a positive difference to the organisation.
Immediate Openings
HTML | SEO | Graphic | App Developer | PHP & Dot Net Developer | Content Writer | Sales
What is Accordion in Web Design?
Accordion is stacking of items like labels or thumbnails, which can be clicked in order to hide or reveal some kind of information associated with them. It is a very useful and practical way of handling content on websites. Several windows are placed on one another and only their title is visible. Upon clicking a particular window it stretches and reveals some information. Upon clicking another window, the first one closes automatically and you have details of the second item. This feature in any site helps to reduce overload of information on any given page. A common example of accordion is the Show/Hide button. Introduction of accordion in web designing has taken the entire process of developing a website to a new realm of designing. If you want accordions to be a part of presenting your site and are looking for an expert help, contact iBrandox the best web designing company in Gurgaon Delhi NCR region.
Some advantages of having accordion in your website design are:
- Effectively manages overabundance of information
- Each interface works differently on the basis of the layout
- Accessible on mobile phones as well
- Minimizes scrolling time
- Shaded windows help to make a faster choice
Accordion keeps revealing material to users in a progressive manner thus enabling them to differentiate between readable and ignorable information. They shorten the long web pages and make the page look colorful and easy to navigate. With one click they have details of the given label which helps the user to decide which item to click in order to access relevant information.
Loved our portfolio? Share our passion and love with your friend :)
var t = $(".LdimgSwnvrVrOne").attr("data-attr-ldimgswnOne");
$(".LdimgSwnvrVrOne").attr("src", t);
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-53875827-1');
!function (f, b, e, v, n, t, s) {
if (f.fbq) return; n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
n.queue = []; t = b.createElement(e); t.async = !0;
t.src = v; s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
} (window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '144010942946156');
fbq('track', 'PageView');
var firebaseConfig = {
apiKey: "AIzaSyB8JMIJDga0k0sSW2NFYnuVuHgvfrVZf6Y",
authDomain: "ibrandox-1f97c.firebaseapp.com",
databaseURL: "https://ibrandox-1f97c.firebaseio.com",
projectId: "ibrandox-1f97c",
storageBucket: "ibrandox-1f97c.appspot.com",
messagingSenderId: "44964557397"
};
firebase.initializeApp(firebaseConfig);
const messaging = firebase.messaging();
messaging.usePublicVapidKey('BB7JUk3BB0QVxlFXRgZq9jiWWU5F03B5EDKuLGD0ktE21Soy05yuM7V5FzdiSFv6OCmMjXpIvpTXt7BpC3wtzew')
messaging.requestPermission().then(function () {
console.log('notification granted');
messaging.getToken().then(function (currentToken) {
console.log(currentToken);
SaveClientID(currentToken)
document.getElementById('token').innerHTML = currentToken;
}).catch(function (err) {
console.log('an error occurig retirve token', err);
showToken('Error', err);
setTokenSendToServer(false);
});
}).catch(function (err) {
console.log('unable to notification ', err);
});
messaging.onMessage(function (payload) {
var obj = JSON.parse(payload.data.notification);
var notification = new Notification(obj.title,
{
icon: "https://www.ibrandox.com/assets/images/push_notification-logo.png",
body: obj.body,
//requireInteraction: true,
data: {
time: new Date(Date.now()).toString(),
click_action: obj.click_action
}
});
});
function SaveClientID(currentToken) {
$.ajax({
type: "POST",
url: 'https://www.ibrandox.com/ToyRenting.aspx/SaveClientID',
data: '{"currentToken":"' + currentToken + '"}',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (result) {
if (result.d.toString() != "") {
}
}
});
}