Ultimate Shortcodes 4 – spoiler problems (JS & type)

Hi!

Thank you for your work and improvements.

This is the first comment without grudges today =) Thank you.

At this moment you can’t change spoiler appearance. There is only one default style. But you can add extra css class to spoiler and modify them as you want. For example:

shortcode

[spoiler class="my-custom-spoiler"]Hidden content[/spoiler]

custom CSS

.my-custom-spoiler { border: 1px solid #ccc; }
.my-custom-spoiler .su-spoiler-title { background-color: #eee; }

And the result will look like on this image – http://clip2net.com/s/5LjAR8

If you want to review old version, please read this topic – http://wordpress.org/support/topic/version-4-5?replies=3

If JS doesn’t working, try to clear cache and if it not helps please make a screenshot of js-console in any browser.

Try to use next code. Hope it helps.

shortcode

[spoiler class="su-spoiler-style-2"]Hidden content[/spoiler]

custom CSS

.su-spoiler-style-2 {
	margin-bottom: 1em;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.su-spoiler-style-2 > .su-spoiler-title {
	padding: 10px 10px 10px 40px;
	height: 34px;
	line-height: 14px;
	border-bottom: 1px solid #ccc;
	background: #f0f0f0;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.su-spoiler-style-2.su-spoiler-closed > .su-spoiler-title { border-bottom: none; }
.su-spoiler-style-2 > .su-spoiler-title > .su-spoiler-icon {
	left: 10px;
	top: 10px;
}
.su-spoiler-style-2 .su-spoiler-content {
	padding: 1em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

As for the non-working JS, you still need to take a screenshot so I can see the errors. Thank you!