It switches between show / hide using CSS yes but scripting assigns that class. I doubt that would be causing an issue though. Could you provide a link to see your theme and the issue?
Sorry for the late reply. I did not get a notification. [anycase] here is a link to my site:
uat.petpalidtags.com
I have raised a support ticket with the theme developer but I think it will be a while before I see anything. The theme is supposed to support Buddypress 1.6 but I had to copy the following CSS section from the defualt.css file.
[/*————————————————————–
6.9 – Extended Profiles
————————————————————–*/
This does display the “change” link but the section does not expand i.e. display:block.
Please have a look as I would love to get this fixed as I cannot deploy this theme.
Thanks
Tom
I got it to work. So here is the solution for anyone that might need to do this in future.
CSS: Add the above css to your theme css
JS: Add the following to yout theme js file. [this extract was take from the buddypress global.js file]
/** Profile Visibility Settings *********************************/
var jq = jQuery;
jq(‘.field-visibility-settings’).hide();
jq(‘.visibility-toggle-link’).on( ‘click’, function() {
var toggle_div = jq(this).parent();
jq(toggle_div).fadeOut( 600, function(){
jq(toggle_div).siblings(‘.field-visibility-settings’).slideDown(400);
});
return false;
} );
jq(‘.field-visibility-settings-close’).on( ‘click’, function() {
var settings_div = jq(this).parent();
jq(settings_div).slideUp( 400, function(){
jq(settings_div).siblings(‘.field-visibility-settings-toggle’).fadeIn(800);
});
return false;
} );
